diff --git a/src/assets/styles/layout.scss b/src/assets/styles/layout.scss
index 03ff3eeb0ca9cb3f4095783c819e0b00379fa915..6b20b9fd18e9e88fe093cb6b7090d935b08a2a2e 100644
--- a/src/assets/styles/layout.scss
+++ b/src/assets/styles/layout.scss
@@ -72,9 +72,9 @@
 
     .the-content {
       position: absolute;
-      left: 0;
-      right: 0;
       top: 30px;
+      left: 0;
+      right: 2px;
       bottom: 10px;
     }
   }
diff --git a/src/assets/styles/page.scss b/src/assets/styles/page.scss
index 645d3080ee3c1f48adef3eff45ed7e366649f4b7..79421f7fb1cd5fd0b1b082495158c705f9348858 100644
--- a/src/assets/styles/page.scss
+++ b/src/assets/styles/page.scss
@@ -9,6 +9,8 @@
     width: 90%;
     max-width: 850px;
     margin: 0 auto;
+    padding-right: 4px;
+    box-sizing: border-box;
     display: flex;
     align-items: center;
     justify-content: space-between;
diff --git a/src/components/base-page.tsx b/src/components/base-page.tsx
index 10e16ac6612a277c4dead855a16bc48ff5d4350d..e310811ba0af810d6ac2b19a0416742f5bfb9b91 100644
--- a/src/components/base-page.tsx
+++ b/src/components/base-page.tsx
@@ -20,7 +20,7 @@ const BasePage: React.FC<Props> = (props) => {
         {header}
       </header>
 
-      <section data-windrag>
+      <section>
         <div className="base-content" style={contentStyle} data-windrag>
           {children}
         </div>
diff --git a/src/pages/_layout.tsx b/src/pages/_layout.tsx
index f787754c233f966e983f52494587ee0f310e9823..adbe99f3601b84b99ef3855f7fdeb6c8803aa43c 100644
--- a/src/pages/_layout.tsx
+++ b/src/pages/_layout.tsx
@@ -107,7 +107,7 @@ const Layout = () => {
               <LayoutControl />
             </div>
 
-            <div className="the-content" data-windrag>
+            <div className="the-content">
               <Routes>
                 {routers.map(({ label, link, ele: Ele }) => (
                   <Route key={label} path={link} element={<Ele />} />