diff --git a/frontend-admin/src/components/ui/Modal.tsx b/frontend-admin/src/components/ui/Modal.tsx
index da3a8794..2687f4cc 100644
--- a/frontend-admin/src/components/ui/Modal.tsx
+++ b/frontend-admin/src/components/ui/Modal.tsx
@@ -2,6 +2,7 @@ import React, { type ReactNode, useEffect, useRef, useMemo } from "react";
 import {
     Modal as RNModal,
     View,
+    ScrollView,
     TouchableOpacity,
     Text,
     StyleSheet,
@@ -120,7 +121,6 @@ export default function Modal({
                 },
                 body: {
                     paddingHorizontal: spacing.xl,
-                    paddingBottom: spacing.xl,
                 },
             }),
         [colors],
@@ -176,7 +176,14 @@ export default function Modal({
                             />
                         </TouchableOpacity>
                     </View>
-                    <View style={styles.body}>{children}</View>
+                    <ScrollView
+                        style={styles.body}
+                        contentContainerStyle={{ paddingBottom: spacing.xl }}
+                        showsVerticalScrollIndicator={false}
+                        keyboardShouldPersistTaps="handled"
+                    >
+                        {children}
+                    </ScrollView>
                 </Animated.View>
             </View>
         </RNModal>