diff --git a/web/src/index.js b/web/src/index.js
index f3dd3592..2a097023 100644
--- a/web/src/index.js
+++ b/web/src/index.js
@@ -11,6 +11,7 @@ import './i18n/i18n.js';
 import './index.css';
 
 // 欢迎信息（二次开发者不准将此移除）
+// Welcome message (Secondary developers are not allowed to remove this)
 if (typeof window !== 'undefined') {
   console.log('%cWe ❤ NewAPI%c Github: https://github.com/QuantumNous/new-api',
     'color: #10b981; font-weight: bold; font-size: 24px;',
diff --git a/web/src/pages/About/index.js b/web/src/pages/About/index.js
index 032562ca..5ca96d97 100644
--- a/web/src/pages/About/index.js
+++ b/web/src/pages/About/index.js
@@ -105,7 +105,7 @@ const About = () => {
   );
 
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       {aboutLoaded && about === '' ? (
         <div className="flex justify-center items-center h-screen p-8">
           <Empty
diff --git a/web/src/pages/Channel/index.js b/web/src/pages/Channel/index.js
index 9e43f318..d8425bd3 100644
--- a/web/src/pages/Channel/index.js
+++ b/web/src/pages/Channel/index.js
@@ -3,7 +3,7 @@ import ChannelsTable from '../../components/table/ChannelsTable';
 
 const File = () => {
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <ChannelsTable />
     </div>
   );
diff --git a/web/src/pages/Chat2Link/index.js b/web/src/pages/Chat2Link/index.js
index 28a48535..30ec785a 100644
--- a/web/src/pages/Chat2Link/index.js
+++ b/web/src/pages/Chat2Link/index.js
@@ -17,7 +17,7 @@ const chat2page = () => {
   }
 
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <h3>正在加载，请稍候...</h3>
     </div>
   );
diff --git a/web/src/pages/Detail/index.js b/web/src/pages/Detail/index.js
index 2c0cf6a8..b5553cbf 100644
--- a/web/src/pages/Detail/index.js
+++ b/web/src/pages/Detail/index.js
@@ -1120,7 +1120,7 @@ const Detail = (props) => {
   }, []);
 
   return (
-    <div className="bg-gray-50 h-full mt-[64px]">
+    <div className="bg-gray-50 h-full mt-[64px] px-2">
       <div className="flex items-center justify-between mb-4">
         <h2
           className="text-2xl font-semibold text-gray-800 transition-opacity duration-1000 ease-in-out"
diff --git a/web/src/pages/Log/index.js b/web/src/pages/Log/index.js
index beec5dd9..74c570bb 100644
--- a/web/src/pages/Log/index.js
+++ b/web/src/pages/Log/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import LogsTable from '../../components/table/LogsTable';
 
 const Token = () => (
-  <div className="mt-[64px]">
+  <div className="mt-[64px] px-2">
     <LogsTable />
   </div>
 );
diff --git a/web/src/pages/Midjourney/index.js b/web/src/pages/Midjourney/index.js
index 3b0b9e59..71d4c3a8 100644
--- a/web/src/pages/Midjourney/index.js
+++ b/web/src/pages/Midjourney/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import MjLogsTable from '../../components/table/MjLogsTable';
 
 const Midjourney = () => (
-  <div className="mt-[64px]">
+  <div className="mt-[64px] px-2">
     <MjLogsTable />
   </div>
 );
diff --git a/web/src/pages/Pricing/index.js b/web/src/pages/Pricing/index.js
index c29883ea..b4183534 100644
--- a/web/src/pages/Pricing/index.js
+++ b/web/src/pages/Pricing/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import ModelPricing from '../../components/table/ModelPricing.js';
 
 const Pricing = () => (
-  <div className="mt-[64px]">
+  <div className="mt-[64px] px-2">
     <ModelPricing />
   </div>
 );
diff --git a/web/src/pages/Redemption/index.js b/web/src/pages/Redemption/index.js
index 3cc28975..b55f8fdc 100644
--- a/web/src/pages/Redemption/index.js
+++ b/web/src/pages/Redemption/index.js
@@ -3,7 +3,7 @@ import RedemptionsTable from '../../components/table/RedemptionsTable';
 
 const Redemption = () => {
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <RedemptionsTable />
     </div>
   );
diff --git a/web/src/pages/Setting/index.js b/web/src/pages/Setting/index.js
index 1fae3516..43907826 100644
--- a/web/src/pages/Setting/index.js
+++ b/web/src/pages/Setting/index.js
@@ -150,7 +150,7 @@ const Setting = () => {
     }
   }, [location.search]);
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <Layout>
         <Layout.Content>
           <Tabs
diff --git a/web/src/pages/Task/index.js b/web/src/pages/Task/index.js
index 7cceb3f1..4e3a9af4 100644
--- a/web/src/pages/Task/index.js
+++ b/web/src/pages/Task/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import TaskLogsTable from '../../components/table/TaskLogsTable.js';
 
 const Task = () => (
-  <div className="mt-[64px]">
+  <div className="mt-[64px] px-2">
     <TaskLogsTable />
   </div>
 );
diff --git a/web/src/pages/Token/index.js b/web/src/pages/Token/index.js
index 4c03767d..33921eb6 100644
--- a/web/src/pages/Token/index.js
+++ b/web/src/pages/Token/index.js
@@ -3,7 +3,7 @@ import TokensTable from '../../components/table/TokensTable';
 
 const Token = () => {
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <TokensTable />
     </div>
   );
diff --git a/web/src/pages/User/index.js b/web/src/pages/User/index.js
index 12697d48..dfe7de81 100644
--- a/web/src/pages/User/index.js
+++ b/web/src/pages/User/index.js
@@ -3,7 +3,7 @@ import UsersTable from '../../components/table/UsersTable';
 
 const User = () => {
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <UsersTable />
     </div>
   );