From 5d6f65f3cd8e5e402a5129afd558dfd7f91e198d Mon Sep 17 00:00:00 2001
From: squid <stefan@vinter.is>
Date: Sat, 18 Jul 2026 15:24:37 +0200
Subject: [PATCH] Style Access mode selects like other dropdowns.

Use theme-select so Access mode shows a chevron and matches Theme/Scope kind.
---
 webui/src/App.tsx         | 2 +-
 webui/src/SetupWizard.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/webui/src/App.tsx b/webui/src/App.tsx
index 340ab80..747ad65 100644
--- a/webui/src/App.tsx
+++ b/webui/src/App.tsx
@@ -679,7 +679,7 @@ function NetworkConfigTab() {
         <label htmlFor="network-access-mode">Access mode</label>
         <select
           id="network-access-mode"
-          className="config-input"
+          className="theme-select"
           value={draft.access_mode}
           onChange={(event) => {
             setDraft((previous) => ({
diff --git a/webui/src/SetupWizard.tsx b/webui/src/SetupWizard.tsx
index dfc2683..62073d0 100644
--- a/webui/src/SetupWizard.tsx
+++ b/webui/src/SetupWizard.tsx
@@ -396,7 +396,7 @@ export function SetupWizard({ clientIp, onCompleted }: SetupWizardProps) {
               <label htmlFor="setup-access-mode">Access mode</label>
               <select
                 id="setup-access-mode"
-                className="config-input"
+                className="theme-select"
                 value={network.access_mode}
                 onChange={(event) =>
                   setNetwork((previous) => ({