diff --git a/src/assets/logo-dark.png b/src/assets/logo-dark.png
index 6da3a153..aca42574 100644
Binary files a/src/assets/logo-dark.png and b/src/assets/logo-dark.png differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
index 6da3a153..aca42574 100644
Binary files a/src/assets/logo.png and b/src/assets/logo.png differ
diff --git a/src/components/layouts/main/sider/SiderLogo.tsx b/src/components/layouts/main/sider/SiderLogo.tsx
index b87b1611..b0094efa 100644
--- a/src/components/layouts/main/sider/SiderLogo.tsx
+++ b/src/components/layouts/main/sider/SiderLogo.tsx
@@ -20,7 +20,18 @@ export const SiderLogo: React.FC<SiderLogoProps> = ({ isSiderCollapsed, toggleSi
   return (
     <S.SiderLogoDiv>
       <S.SiderLogoLink to="/">
-        <img src={img} alt="Lightence" width={48} height={48} />
+        <img
+          src={img}
+          alt="Lightence"
+          width={56}
+          height={56}
+          style={{
+            maxWidth: '56px',
+            maxHeight: '56px',
+            objectFit: 'contain',
+            flexShrink: 0
+          }}
+        />
         <S.BrandSpan>
           H.O.R.N.E.T.S
           <br />