diff --git a/src/assets/styles/layout.scss b/src/assets/styles/layout.scss
index 1f7474af..7276b618 100644
--- a/src/assets/styles/layout.scss
+++ b/src/assets/styles/layout.scss
@@ -11,7 +11,8 @@
     width: 100%;
     // max-width: 225px;
     // min-width: 225px;
-    padding: 16px 0 8px;
+    // padding: 16px 0 8px;
+    padding: 0px 0px 8px;
     // position: relative;
     flex-direction: column;
     align-self: stretch;
@@ -117,11 +118,13 @@
 .unknown {
   &.layout {
     .layout__left {
-      padding-top: 24px;
+      // padding-top: 24px;
     }
 
     .layout__left .the-logo {
       flex: 1 0 58px;
+      padding-top: 40px;
+      padding-bottom: 16px;
     }
 
     .layout__right .the-content {
diff --git a/src/pages/_layout.tsx b/src/pages/_layout.tsx
index d33b4dcd..84f367ca 100644
--- a/src/pages/_layout.tsx
+++ b/src/pages/_layout.tsx
@@ -132,7 +132,7 @@ const Layout = () => {
               : {},
           ]}
         >
-          <div className="layout__left" data-tauri-drag-region="true">
+          <div className="layout__left">
             <div className="the-logo" data-tauri-drag-region="true">
               {!isDark ? <LogoSvg /> : <LogoSvg_dark />}
               {<UpdateButton className="the-newbtn" />}