diff --git a/src/components/SelectionList/BaseListItem.tsx b/src/components/SelectionList/BaseListItem.tsx index 303b90a682e6..6acb9284db6b 100644 --- a/src/components/SelectionList/BaseListItem.tsx +++ b/src/components/SelectionList/BaseListItem.tsx @@ -16,6 +16,7 @@ function BaseListItem({ item, pressableStyle, wrapperStyle, + containerStyle, selectMultipleStyle, isDisabled = false, shouldPreventDefaultFocusOnSelectRow = false, @@ -62,6 +63,7 @@ function BaseListItem({ pendingAction={pendingAction} errors={errors} errorRowStyles={styles.ph5} + style={containerStyle} > = { /** Styles for the wrapper view */ wrapperStyle?: StyleProp; + /** Styles for the container view */ + containerStyle?: StyleProp; + /** Styles for the checkbox wrapper view if select multiple option is on */ selectMultipleStyle?: StyleProp; diff --git a/src/pages/workspace/WorkspacesListPage.tsx b/src/pages/workspace/WorkspacesListPage.tsx index 02fe06e29ab3..549d307b2a2f 100755 --- a/src/pages/workspace/WorkspacesListPage.tsx +++ b/src/pages/workspace/WorkspacesListPage.tsx @@ -182,21 +182,22 @@ function WorkspacesListPage({policies, allPolicyMembers, reimbursementAccount, r } return ( - - {({hovered}) => ( - + + {({hovered}) => ( - - )} - + )} + + ); }, [isLessThanMediumScreen, styles.mb3, styles.mh5, styles.ph5, styles.hoveredComponentBG, translate], diff --git a/src/styles/index.ts b/src/styles/index.ts index df89cd823fa4..fc8b3427498a 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -4307,7 +4307,6 @@ const styles = (theme: ThemeColors) => paddingHorizontal: 16, paddingVertical: 16, marginHorizontal: 20, - marginBottom: 12, backgroundColor: theme.highlightBG, borderRadius: 8, },