diff --git a/src/componets/Sidebar.css b/src/componets/Sidebar.css
index a96d65f..749b89f 100644
--- a/src/componets/Sidebar.css
+++ b/src/componets/Sidebar.css
@@ -13,10 +13,6 @@
   @apply bg-(--col3) border-(--col4);
 }
 
-.logo {
-  @apply flex items-center pl-2 h-10 w-60 pt-2;
-}
-
 .nav-links {
   @apply flex flex-col px-4 space-y-1;
 }
diff --git a/src/componets/Sidebar.tsx b/src/componets/Sidebar.tsx
index 7a5e282..6e573ed 100644
--- a/src/componets/Sidebar.tsx
+++ b/src/componets/Sidebar.tsx
@@ -59,15 +59,10 @@ export default function Sidebar () {
         }}
       ></div>
       <div
-        className='logo'
-        style={{
-          marginTop:
-            platform() == 'windows'
-              ? '32px'
-              : platform() == 'macos'
-              ? '28px'
-              : ''
-        }}
+        className={`flex items-center h-10 w-60 ${
+          (platform() == 'windows' ? 'pl-1 pt-1' : 'pl-2 pt-2') +
+          (platform() == 'macos' ? ' mt-7' : '')
+        }`}
         onMouseDown={e => {
           if (platform() != 'macos') return
           if (e.buttons === 1) {