diff --git a/src/components/dialog/content/SettingDialogContent.vue b/src/components/dialog/content/SettingDialogContent.vue
index 90ab80009..9b136096a 100644
--- a/src/components/dialog/content/SettingDialogContent.vue
+++ b/src/components/dialog/content/SettingDialogContent.vue
@@ -198,4 +198,15 @@ const tabValue = computed(() =>
 .settings-content::-webkit-scrollbar-thumb {
   background-color: transparent;
 }
+
+@media (max-width: 768px) {
+  .settings-container {
+    flex-direction: column;
+    height: auto;
+  }
+
+  .settings-sidebar {
+    width: 100%;
+  }
+}
 </style>