diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css
index 4067ea9a..49bfec64 100644
--- a/web/assets/css/custom.css
+++ b/web/assets/css/custom.css
@@ -28,6 +28,12 @@ body {
     display: none;
 }
 
+@media (max-width: 768px) {
+    .ant-layout-sider {
+        display: none;
+    }
+}
+
 .ant-card {
     border-radius: 1.5rem;
 }
diff --git a/web/html/xui/inbounds.html b/web/html/xui/inbounds.html
index b073978a..b689a586 100644
--- a/web/html/xui/inbounds.html
+++ b/web/html/xui/inbounds.html
@@ -317,6 +317,7 @@
         delimiters: ['[[', ']]'],
         el: '#app',
         data: {
+            siderDrawer,
             themeSwitcher,
             spinning: false,
             inbounds: [],
diff --git a/web/html/xui/index.html b/web/html/xui/index.html
index fb12bb1f..667cd4cb 100644
--- a/web/html/xui/index.html
+++ b/web/html/xui/index.html
@@ -388,6 +388,7 @@
         delimiters: ['[[', ']]'],
         el: '#app',
         data: {
+            siderDrawer,
             themeSwitcher,
             status: new Status(),
             versionModal,
diff --git a/web/html/xui/settings.html b/web/html/xui/settings.html
index c6d5f303..49e62df9 100644
--- a/web/html/xui/settings.html
+++ b/web/html/xui/settings.html
@@ -241,6 +241,7 @@
         delimiters: ['[[', ']]'],
         el: '#app',
         data: {
+            siderDrawer,
             themeSwitcher,
             spinning: false,
             oldAllSetting: new AllSetting(),
@@ -357,7 +358,7 @@
                 if (msg.success) {
                     this.loading(true);
                     await PromiseUtil.sleep(5000);
-                    location.reload();
+                    window.location.replace(this.allSetting.webBasePath + "panel/settings");
                 }
             },
             async getUserSecret() {