From 09a3b7d5e18b345a5e89c766250014d80a1c5a08 Mon Sep 17 00:00:00 2001
From: "N. Taylor Mullen" <ntaylormullen@google.com>
Date: Sat, 12 Jul 2025 20:58:00 -0700
Subject: [PATCH] feat: Invert scroll arrow default in RadioButtonSelect
 (#4006)

---
 packages/cli/src/ui/components/ThemeDialog.tsx              | 2 +-
 packages/cli/src/ui/components/shared/RadioButtonSelect.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/cli/src/ui/components/ThemeDialog.tsx b/packages/cli/src/ui/components/ThemeDialog.tsx
index e6c09225..0ca176cb 100644
--- a/packages/cli/src/ui/components/ThemeDialog.tsx
+++ b/packages/cli/src/ui/components/ThemeDialog.tsx
@@ -203,6 +203,7 @@ export function ThemeDialog({
             onHighlight={onHighlight}
             isFocused={currenFocusedSection === 'theme'}
             maxItemsToShow={8}
+            showScrollArrows={true}
           />
 
           {/* Scope Selection */}
@@ -217,7 +218,6 @@ export function ThemeDialog({
                 onSelect={handleScopeSelect}
                 onHighlight={handleScopeHighlight}
                 isFocused={currenFocusedSection === 'scope'}
-                showScrollArrows={false}
               />
             </Box>
           )}
diff --git a/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx b/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx
index c3829bb4..499c136a 100644
--- a/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx
+++ b/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx
@@ -53,7 +53,7 @@ export function RadioButtonSelect<T>({
   onSelect,
   onHighlight,
   isFocused,
-  showScrollArrows = true,
+  showScrollArrows = false,
   maxItemsToShow = 10,
 }: RadioButtonSelectProps<T>): React.JSX.Element {
   const [activeIndex, setActiveIndex] = useState(initialIndex);