From e743047809d48484d5a33f3772f0440f7c6b4258 Mon Sep 17 00:00:00 2001
From: Frank Calise <fcalise@gmail.com>
Date: Wed, 3 Jul 2024 16:21:10 -0400
Subject: [PATCH] style(select-field): dismiss button padding (#168 by
 @frankcalise)

---
 docs/recipes/SelectFieldWithBottomSheet.mdx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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 = {