diff --git a/webui/src/App.css b/webui/src/App.css
index 85854c4..ab1a8d6 100644
--- a/webui/src/App.css
+++ b/webui/src/App.css
@@ -196,10 +196,13 @@
   appearance: none;
   width: 100%;
   max-width: 16rem;
-  padding: 0.55rem 0.75rem;
+  padding: 0.55rem 2rem 0.55rem 0.75rem;
   border: 1px solid var(--ctp-surface1);
   border-radius: 0.35rem;
-  background: var(--ctp-mantle);
+  background-color: var(--ctp-mantle);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%237c7f93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 0.75rem center;
   color: var(--ctp-text);
   font: inherit;
   font-size: 0.95rem;
diff --git a/webui/src/App.tsx b/webui/src/App.tsx
index b940a12..6c75f18 100644
--- a/webui/src/App.tsx
+++ b/webui/src/App.tsx
@@ -333,8 +333,8 @@ function GroupsConfigTab() {
               setDraftScopeKind(event.target.value as GroupScopeKind)
             }}
           >
-            <option value="node">node</option>
-            <option value="group">group</option>
+            <option value="node">Node</option>
+            <option value="group">Group</option>
           </select>
         </div>