diff --git a/docs/recipes/SelectFieldWithBottomSheet.mdx b/docs/recipes/SelectFieldWithBottomSheet.mdx
index 57c5b3ff..5a94532b 100644
--- a/docs/recipes/SelectFieldWithBottomSheet.mdx
+++ b/docs/recipes/SelectFieldWithBottomSheet.mdx
@@ -465,7 +465,7 @@ export const SelectField = forwardRef(function SelectField(
         }
       >
         <BottomSheetFlatList
-          style={{ marginBottom: bottom + (multiple ? 56 : 0) }}
+          style={{ marginBottom: bottom + (multiple ? spacing.xl * 2 : 0) }}
           data={options}
           keyExtractor={(o) => o.value}
           renderItem={({ item, index }) => (
@@ -485,6 +485,7 @@ export const SelectField = forwardRef(function SelectField(
 // success-line-start
 const $bottomSheetFooter: ViewStyle = {
   paddingHorizontal: spacing.lg,
+  paddingBottom: spacing.xs,
 };
 
 const $listItem: ViewStyle = {
@@ -633,7 +634,7 @@ export const SelectField = forwardRef(function SelectField(
         }
       >
         <BottomSheetFlatList
-          style={{ marginBottom: bottom + (multiple ? 56 : 0) }}
+          style={{ marginBottom: bottom + (multiple ? spacing.xl * 2 : 0) }}
           data={options}
           keyExtractor={(o) => o.value}
           renderItem={({ item, index }) => (
@@ -656,6 +657,7 @@ export const SelectField = forwardRef(function SelectField(
 
 const $bottomSheetFooter: ViewStyle = {
   paddingHorizontal: spacing.lg,
+  paddingBottom: spacing.xs,
 };
 
 const $listItem: ViewStyle = {