feat: Invert scroll arrow default in RadioButtonSelect (#4006)

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>
           )}

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);