diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index d29e42df..cf8c4ac1 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -59,7 +59,3 @@ body {
   -moz-user-select: none;
   -ms-user-select: none;
 }
-
-[data-tauri-drag-region] {
-  app-region: drag;
-}
diff --git a/src/assets/styles/layout.scss b/src/assets/styles/layout.scss
index 7276b618..f393dcae 100644
--- a/src/assets/styles/layout.scss
+++ b/src/assets/styles/layout.scss
@@ -28,6 +28,7 @@
     // $maxLogo: 100px;
 
     .the-logo {
+      app-region: drag;
       position: relative;
       flex: 1 0 58px;
       // width: 100%;
@@ -101,6 +102,9 @@
       justify-content: end;
       box-sizing: border-box;
       z-index: 2;
+      .the-dragbar {
+        app-region: drag;
+      }
     }
 
     .the-content {
diff --git a/src/pages/_layout.tsx b/src/pages/_layout.tsx
index 84f367ca..8e806535 100644
--- a/src/pages/_layout.tsx
+++ b/src/pages/_layout.tsx
@@ -157,7 +157,12 @@ const Layout = () => {
 
           <div className="layout__right">
             {
-              <div className="the-bar" data-tauri-drag-region="true">
+              <div className="the-bar">
+                <div
+                  className="the-dragbar"
+                  data-tauri-drag-region="true"
+                  style={{ width: "100%" }}
+                ></div>
                 {OS !== "macos" && <LayoutControl />}
               </div>
             }