diff --git a/src/config_ui/main.cpp b/src/config_ui/main.cpp
index 1d7c0fd..b26c648 100644
--- a/src/config_ui/main.cpp
+++ b/src/config_ui/main.cpp
@@ -888,8 +888,11 @@ int WINAPI wWinMain(HINSTANCE hInst, HINSTANCE, PWSTR lpCmdLine, int) {
     int wx = wa.left + ((wa.right - wa.left) - ww) / 2;
     int wy = wa.top  + ((wa.bottom - wa.top) - wh) / 2;
     SetWindowPos(hwnd, nullptr, wx, wy, ww, wh, SWP_NOZORDER);
-    ShowWindow(hwnd, SW_SHOW);
+    // Outline colour and background BEFORE the first show (#326): the window used to appear with DWM's default,
+    // stronger border until the WebView was ready and ApplyWindowTheme ran.
     g_hwnd = hwnd;
+    ApplyWindowTheme();
+    ShowWindow(hwnd, SW_SHOW);
     g_onboard = onboard;
     CreateWebView(hwnd);
     MSG msg; while (GetMessageW(&msg, nullptr, 0, 0)) { TranslateMessage(&msg); DispatchMessageW(&msg); }
diff --git a/src/version.h b/src/version.h
index 0971ade..2b9524c 100644
--- a/src/version.h
+++ b/src/version.h
@@ -4,7 +4,7 @@
 
 #define WIND_VER_MAJOR 0
 #define WIND_VER_MINOR 20
-#define WIND_VER_PATCH 0
+#define WIND_VER_PATCH 1
 
 // String form for logs/snapshot/UI. Keep in sync with the numeric parts above.
-#define WIND_VERSION_STR "0.20.0"
+#define WIND_VERSION_STR "0.20.1"
diff --git a/ui/src/controls/PanBinding.svelte b/ui/src/controls/PanBinding.svelte
index 2798430..10fcd2b 100644
--- a/ui/src/controls/PanBinding.svelte
+++ b/ui/src/controls/PanBinding.svelte
@@ -74,7 +74,7 @@
 
 <div class="bx" role="group" aria-labelledby={labelledby && labelledby.split(' ')[0]} aria-describedby={describedby}>
   {#if state.kind === 'none'}
-    <button type="button" class="kc ghost" class:live={armed} {disabled} id={valueId}
+    <button type="button" class="kc ghost pan" class:live={armed} {disabled} id={valueId}
             aria-label={armed ? 'Recording pan modifiers' : 'Set pan modifiers'}
             aria-describedby="{describedby ?? ''} {uid}-hint"
             onclick={arm} onblur={() => cancel()}>
diff --git a/ui/src/controls/Preview.svelte b/ui/src/controls/Preview.svelte
index faccb37..9968560 100644
--- a/ui/src/controls/Preview.svelte
+++ b/ui/src/controls/Preview.svelte
@@ -23,7 +23,7 @@
   const visible = (r) => !r.showIf || String(values[r.showIf.key]) === String(r.showIf.eq);
   const set = (key, val) => { values[key] = val; calls.push([key, val]); };
   const extra = {
-    runningModel: 'hybrid', mpoNeedsRestart: false, version: '0.20.0',
+    runningModel: 'hybrid', mpoNeedsRestart: false, version: '0.20.1',
     onRestart: () => calls.push('restart'), onAction: (a) => calls.push(['action', a]),
     onRepo: () => calls.push('repo'),
     pick: async () => 'RDR2.exe',
diff --git a/ui/src/controls/bindings.css b/ui/src/controls/bindings.css
index 3668a39..5049b7d 100644
--- a/ui/src/controls/bindings.css
+++ b/ui/src/controls/bindings.css
@@ -6,7 +6,10 @@
 .bx .kc.ghost { border-color: transparent; color: var(--fg3); gap: 5px; cursor: pointer; }
 .bx .kc.ghost:hover { color: var(--fg); border-color: var(--chipb); }
 .bx .kc.ghost svg { width: 11px; height: 11px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
-.bx .kc.live { color: var(--fg); border-color: var(--fill); }
+/* The unset pan box shows a key combination, so it keeps the outline of the other key boxes (Max 2026-10-02). */
+.bx .kc.ghost.pan { border-color: var(--chipb); }
+.bx .kc.ghost.pan:hover { border-color: var(--outline); }
+.bx .kc.live, .bx .kc.ghost.pan.live { color: var(--fg); border-color: var(--fill); }
 .bx .kc .kp { color: var(--glyph); margin: 0 5px; font-family: var(--s); }
 .bx .kc .kfix { display: inline-flex; align-items: center; gap: 5px; color: var(--fg3); }
 .bx .kc .kfix svg { width: 13px; height: 13px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; }