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