diff --git a/src/screens/cover/PouchReady.js b/src/screens/cover/PouchReady.js
index 051ac3f..9226b90 100644
--- a/src/screens/cover/PouchReady.js
+++ b/src/screens/cover/PouchReady.js
@@ -5,9 +5,11 @@ import {
   ActivityIndicator,
   Image,
   Pressable,
+  ScrollView,
   StyleSheet,
   Text,
   TextInput,
+  useWindowDimensions,
   View,
   KeyboardAvoidingView,
   Platform,
@@ -86,6 +88,10 @@ const PouchReady = () => {
   const [coverProgress, setCoverProgress] = useState(0)
   const coverProgressIntervalRef = useRef(null)
   const coverProgressStartRef = useRef(null)
+  const { height: windowHeight } = useWindowDimensions()
+  const dropdownMaxHeight = !isWeb
+    ? Math.max(220, Math.min(340, Math.round(windowHeight * 0.45)))
+    : null
 
   const showGenerationLoading = useCallback(async () => {
     setIsAwaitingGenerationStart(true)
@@ -497,41 +503,54 @@ const PouchReady = () => {
                           />
                         </Pressable>
                         {isPresetDropdownOpen && (
-                          <View style={styles.dropdownList}>
-                            {COVER_STYLE_PRESETS.map((styleOption, index) => {
-                              const isActive = selectedPresetStyle === styleOption
-                              const isLast = index === COVER_STYLE_PRESETS.length - 1
-                              return (
-                                <Pressable
-                                  key={styleOption}
-                                  style={[
-                                    styles.dropdownOption,
-                                    !isLast ? styles.dropdownOptionDivider : null,
-                                    isActive ? styles.dropdownOptionActive : null,
-                                  ]}
-                                  onPress={() => {
-                                    setSelectedPresetStyle(styleOption)
-                                    setIsPresetDropdownOpen(false)
-                                  }}
-                                >
-                                  <Text
+                          <View
+                            style={[
+                              styles.dropdownList,
+                              !isWeb && dropdownMaxHeight ? { maxHeight: dropdownMaxHeight } : null,
+                            ]}
+                          >
+                            <ScrollView
+                              bounces={false}
+                              showsVerticalScrollIndicator={false}
+                              nestedScrollEnabled
+                              keyboardShouldPersistTaps="handled"
+                              contentContainerStyle={styles.dropdownListContent}
+                            >
+                              {COVER_STYLE_PRESETS.map((styleOption, index) => {
+                                const isActive = selectedPresetStyle === styleOption
+                                const isLast = index === COVER_STYLE_PRESETS.length - 1
+                                return (
+                                  <Pressable
+                                    key={styleOption}
                                     style={[
-                                      styles.dropdownOptionLabel,
-                                      isActive ? styles.dropdownOptionLabelActive : null,
+                                      styles.dropdownOption,
+                                      !isLast ? styles.dropdownOptionDivider : null,
+                                      isActive ? styles.dropdownOptionActive : null,
                                     ]}
+                                    onPress={() => {
+                                      setSelectedPresetStyle(styleOption)
+                                      setIsPresetDropdownOpen(false)
+                                    }}
                                   >
-                                    {styleOption}
-                                  </Text>
-                                  {isActive && (
-                                    <Image
-                                      source={icons.check}
-                                      style={styles.dropdownOptionIcon}
-                                      resizeMode="contain"
-                                    />
-                                  )}
-                                </Pressable>
-                              )
-                            })}
+                                    <Text
+                                      style={[
+                                        styles.dropdownOptionLabel,
+                                        isActive ? styles.dropdownOptionLabelActive : null,
+                                      ]}
+                                    >
+                                      {styleOption}
+                                    </Text>
+                                    {isActive && (
+                                      <Image
+                                        source={icons.check}
+                                        style={styles.dropdownOptionIcon}
+                                        resizeMode="contain"
+                                      />
+                                    )}
+                                  </Pressable>
+                                )
+                              })}
+                            </ScrollView>
                           </View>
                         )}
                       </View>
@@ -798,6 +817,9 @@ const styles = StyleSheet.create({
     backgroundColor: 'rgba(12,10,18,0.95)',
     overflow: 'hidden',
   },
+  dropdownListContent: {
+    paddingVertical: 2,
+  },
   dropdownOption: {
     flexDirection: 'row',
     alignItems: 'center',