diff --git a/public/css/style.css b/public/css/style.css
index b098c8a..88c7544 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -220,18 +220,20 @@ body {
 .header-left {
   display: flex;
   align-items: center;
-  gap: 24px;
+  gap: 20px;
 }
 
 .logo {
   display: flex;
   align-items: center;
   gap: 12px;
+  height: 40px;
 }
 
 .logo-icon {
   width: 32px;
   height: 32px;
+  flex-shrink: 0;
 }
 
 .logo-text {
@@ -1557,16 +1559,19 @@ input:checked+.slider:before {
 #logoIconContainer {
   display: flex;
   align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
+  justify-content: flex-start;
+  height: 36px;
+  width: auto;
+  max-width: 250px;
+  flex-shrink: 0;
 }
 
 .logo-icon-img {
-  width: 100%;
   height: 100%;
+  width: auto;
   object-fit: contain;
   border-radius: var(--radius-sm);
+  max-width: 100%;
 }
 
 .modal-close {
@@ -1966,6 +1971,12 @@ input:checked+.slider:before {
   }
 
   #logoIconContainer {
+    width: auto;
+    height: 30px;
+    max-width: 180px;
+  }
+  
+  .logo-icon {
     width: 26px;
     height: 26px;
   }