diff --git a/src/components/ContentArea.tsx b/src/components/ContentArea.tsx
index e8d39bc..059ec76 100644
--- a/src/components/ContentArea.tsx
+++ b/src/components/ContentArea.tsx
@@ -111,7 +111,16 @@ export function ContentArea({
           } as React.CSSProperties
         }
       >
-        <div style={{ flex: 1 }} />
+        <div
+          data-tauri-drag-region
+          style={
+            {
+              flex: 1,
+              height: "100%",
+              WebkitAppRegion: "drag",
+            } as React.CSSProperties
+          }
+        />
         <div
           style={
             {
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index a3a508d..3f7aae4 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -185,6 +185,7 @@ export function Sidebar({ activeMenu, permission, onMenuChange }: SidebarProps):
       theme="light"
     >
       <div
+        data-tauri-drag-region
         style={
           {
             padding: "32px 24px 16px",