From 2553d1f9529d67963afec53e7f59d142faf04d5d Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Tue, 3 Mar 2026 15:56:12 +0000
Subject: [PATCH] Fix logo proportions: use w-full h-auto instead of fixed
 height

h-28 w-auto was locking height which can distort aspect ratio in the
narrow sidebar. w-full h-auto scales proportionally from the container
width with object-contain as a safety net.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/components/Sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/Sidebar.tsx b/frontend/components/Sidebar.tsx
index 20b1d92..613960e 100755
--- a/frontend/components/Sidebar.tsx
+++ b/frontend/components/Sidebar.tsx
@@ -38,7 +38,7 @@ export const Sidebar: React.FC<SidebarProps> = ({ activeItem, onNavigate, userNa
         <aside className="w-72 flex-shrink-0 bg-oliver-black text-slate-200 flex flex-col font-sans">
             {/* Brand Header */}
             <div className="py-6 px-8 border-b border-white/10 flex flex-col items-center text-center">
-                <img src="/BAR-ModComms-logo-v4.png" alt="Mod Comms AI" className="h-28 w-auto" />
+                <img src="/BAR-ModComms-logo-v4.png" alt="Mod Comms AI" className="w-full h-auto object-contain" />
             </div>
 
             {/* Navigation */}