Fixed up the up, scope kind looks more like a dropbox

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;

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>