From dda139080c88170c61a8a661395899fb0063d8b6 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Thu, 10 Jul 2025 17:09:17 -0500
Subject: [PATCH] Shrink SelectMenu selected text

---
 src/components/SelectMenu.tsx       | 1 +
 src/components/SelectMenuOption.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/SelectMenu.tsx b/src/components/SelectMenu.tsx
index fda168b8..8aee6fe9 100644
--- a/src/components/SelectMenu.tsx
+++ b/src/components/SelectMenu.tsx
@@ -162,6 +162,7 @@ export default function SelectMenu({
         {children ?? <div className="flex items-center w-full">
           <div className="grow min-w-0">
             <SelectMenuOption
+              className="text-lg"
               value={value}
               label={selectedOption?.label}
               accessoryStart={selectedOption?.accessoryStart}
diff --git a/src/components/SelectMenuOption.tsx b/src/components/SelectMenuOption.tsx
index 809aa3d2..3750161a 100644
--- a/src/components/SelectMenuOption.tsx
+++ b/src/components/SelectMenuOption.tsx
@@ -15,11 +15,13 @@ export default function SelectMenuOption<T = string>({
   accessoryStart,
   accessoryEnd,
   note,
+  className,
   isSelected,
   isHighlighted,
   shouldHighlightOnHover,
   onClick,
 }: {
+  className?: string
   isSelected?: boolean
   isHighlighted?: boolean
   shouldHighlightOnHover?: boolean
@@ -42,11 +44,12 @@ export default function SelectMenuOption<T = string>({
       className={clsx(
         'flex flex-col',
         'px-1.5 py-1 rounded-sm',
-        'text-lg select-none',
+        'select-none',
         'cursor-pointer',
         isHighlighted && 'bg-dim',
         shouldHighlightOnHover && 'hover:bg-dim',
         onClick && 'active:bg-medium',
+        className,
       )}
     >
       <div className="flex items-center gap-2.5">