diff --git a/src/assets/styles/layout.scss b/src/assets/styles/layout.scss
index 03ff3ee..6b20b9f 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 645d308..79421f7 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 10e16ac..e310811 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 f787754..adbe99f 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 />} />