diff --git a/webui/backend/tests/golden/__pycache__/test_ui_smoke_golden.cpython-313.pyc b/webui/backend/tests/golden/__pycache__/test_ui_smoke_golden.cpython-313.pyc
index 066aef2..6646d14 100644
Binary files a/webui/backend/tests/golden/__pycache__/test_ui_smoke_golden.cpython-313.pyc and b/webui/backend/tests/golden/__pycache__/test_ui_smoke_golden.cpython-313.pyc differ
diff --git a/webui/backend/tests/golden/test_ui_smoke_golden.py b/webui/backend/tests/golden/test_ui_smoke_golden.py
index 8eaf245..6d87efe 100644
--- a/webui/backend/tests/golden/test_ui_smoke_golden.py
+++ b/webui/backend/tests/golden/test_ui_smoke_golden.py
@@ -217,10 +217,14 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertTrue((static_root / "theme-catppuccin-soft.css").exists())
         self.assertTrue((static_root / "theme-fluent-neon.css").exists())
         base_css = (static_root / "base.css").read_text(encoding="utf-8")
+        self.assertIn(".settings-card {", base_css)
+        self.assertIn("width: min(1180px, calc(100vw - 32px));", base_css)
         self.assertIn(".settings-activity-grid {", base_css)
         self.assertIn("grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);", base_css)
         self.assertIn(".settings-activity-panel {", base_css)
         self.assertIn("@media (max-width: 900px) {", base_css)
+        self.assertIn("@media (max-width: 720px) {", base_css)
+        self.assertIn("width: min(1180px, calc(100vw - 20px));", base_css)
         app_js = (static_root / "app.js").read_text(encoding="utf-8")
         self.assertIn('currentPath: "/Volumes"', app_js)
         self.assertIn('selectedTheme: "default"', app_js)
diff --git a/webui/html/base.css b/webui/html/base.css
index 76616c6..40e4663 100644
--- a/webui/html/base.css
+++ b/webui/html/base.css
@@ -1002,7 +1002,7 @@ button:disabled {
 
 .settings-card {
   position: relative;
-  width: min(760px, calc(100vw - 32px));
+  width: min(1180px, calc(100vw - 32px));
   max-height: calc(100vh - 56px);
   display: flex;
   flex-direction: column;
@@ -1127,6 +1127,12 @@ button:disabled {
   }
 }
 
+@media (max-width: 720px) {
+  .settings-card {
+    width: min(1180px, calc(100vw - 20px));
+  }
+}
+
 .viewer-close {
   position: absolute;
   top: 10px;