From 19cd917c66f8145612bd92fc8680446533ef8d6f Mon Sep 17 00:00:00 2001
From: Eric Gullickson <16152721+ericgullickson@users.noreply.github.com>
Date: Sat, 14 Feb 2026 21:45:03 -0600
Subject: [PATCH] fix: resolve sidebar logo clipping with flex-based layout
 (refs #187)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/components/Layout.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
index 3fd08f1..46e49f4 100644
--- a/frontend/src/components/Layout.tsx
+++ b/frontend/src/components/Layout.tsx
@@ -142,17 +142,19 @@ export const Layout: React.FC<LayoutProps> = ({ children, mobileMode = false })
                   backgroundColor: 'transparent',
                 }),
                 borderRadius: 0.5,
-                px: 1,
+                px: 0.5,
                 py: 0.5,
                 display: 'inline-flex',
                 alignItems: 'center',
                 overflow: 'hidden',
+                flex: 1,
+                minWidth: 0,
               })}
             >
               <img
                 src="/images/logos/motovaultpro-title-slogan.png"
                 alt="MotoVaultPro"
-                style={{ height: 24, width: 'auto', maxWidth: 180 }}
+                style={{ height: 24, width: 'auto', maxWidth: '100%' }}
               />
             </Box>
           )}
-- 
2.49.1