From c90538b1d0b3a6a3ce21ede0ded723cc47a988ca Mon Sep 17 00:00:00 2001
From: Brett Ferrante <83841899+findthelorax@users.noreply.github.com>
Date: Mon, 4 May 2026 20:26:05 -0400
Subject: [PATCH] Refactor Select component for font selection

---
 frontend/src/components/modals/GroupRectModal.tsx | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/modals/GroupRectModal.tsx b/frontend/src/components/modals/GroupRectModal.tsx
index 8c877c6..e46507e 100644
--- a/frontend/src/components/modals/GroupRectModal.tsx
+++ b/frontend/src/components/modals/GroupRectModal.tsx
@@ -140,20 +140,12 @@ export function GroupRectModal({ open, onClose, onSubmit, onDelete, initial, tit
           {/* Font */}
           <div className="flex flex-col gap-1.5">
             <Label className="text-xs text-muted-foreground">Font</Label>
-
-            <Select
-              value={form.font}
-              onValueChange={(v: string | null) => set('font', v ?? 'inter')}
-            >
-              <SelectTrigger
-                className={`bg-[#21262d] border-[#30363d] text-sm h-8 cursor-pointer ${modalStyles['modal-interactive']} ${modalStyles['modal-radius']}`}
-                aria-label="Font selector"
-              >
+            <Select value={form.font} onValueChange={(v: string | null) => set('font', v ?? 'inter')}>
+              <SelectTrigger className={`bg-[#21262d] border-[#30363d] text-sm h-8 cursor-pointer ${modalStyles['modal-interactive']} ${modalStyles['modal-radius']}`} aria-label="Font selector">
                 <SelectValue>
                   {getFontLabel(form.font)}
                 </SelectValue>
               </SelectTrigger>
-
               <SelectContent className="bg-[#21262d] border-[#30363d]">
                 {FONTS.map((f) => (
                   <SelectItem key={f.value} value={f.value} className="text-sm">