reset select trigger to default state after selection

packages/app/src/components/settings-general.tsx

@@ -100,7 +100,7 @@ export const SettingsGeneral: Component = () => {
                 onSelect={(option) => option && settings.appearance.setFont(option.value)}
                 variant="secondary"
                 size="small"
-                triggerStyle={{ "font-family": monoFontFamily(settings.appearance.font()) }}
+                triggerStyle={{ "font-family": monoFontFamily(settings.appearance.font()), "min-width": "180px" }}
               >
                 {(option) => <span style={{ "font-family": monoFontFamily(option?.value) }}>{option?.label}</span>}
               </Select>

packages/ui/src/components/select.css

@@ -39,15 +39,8 @@
     }
 
     &:not([data-expanded]):focus {
-      &[data-variant="secondary"] {
-        background-color: var(--button-secondary-base);
-      }
-      &[data-variant="ghost"] {
-        background-color: transparent;
-      }
-      &[data-variant="primary"] {
-        background-color: var(--icon-strong-base);
-      }
+      background-color: transparent;
+      box-shadow: none;
     }
   }
 }