diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 9a2d73a..3988849 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -143,8 +143,10 @@ export function SettingsView({ onNavigate }: { onNavigate?: (view: AppView) => v
       </div>
 
       {/* 右边常驻一块服务器浏览器的实时画面 —— 弹验证码时要能抬眼就看见、伸手就能点，
-          而不是「切页面 → 找入口 → 等加载」。宽度固定，左边那列自己让位。 */}
-      <aside className="w-[380px] xl:w-[460px] 2xl:w-[560px] flex-shrink-0 min-h-0">
+          而不是「切页面 → 找入口 → 等加载」。
+          **让它吃掉剩下的宽度**，而不是固定一个窄条：远程桌面是 1920×1080，面板越窄，
+          noVNC 缩放出来的画面越小，窄条上看验证码基本没法看。 */}
+      <aside className="flex-1 min-w-[380px] min-h-0">
         <RemoteBrowserPanel />
       </aside>
     </div>