diff --git a/src/components/ButtonWithDropdownMenu/index.tsx b/src/components/ButtonWithDropdownMenu/index.tsx index 896330f5e77e..a4e6e2c87fec 100644 --- a/src/components/ButtonWithDropdownMenu/index.tsx +++ b/src/components/ButtonWithDropdownMenu/index.tsx @@ -8,7 +8,6 @@ import useStyleUtils from '@hooks/useStyleUtils'; import useTheme from '@hooks/useTheme'; import useThemeStyles from '@hooks/useThemeStyles'; import useWindowDimensions from '@hooks/useWindowDimensions'; -import variables from '@styles/variables'; import CONST from '@src/CONST'; import type {AnchorPosition} from '@src/styles'; import type {ButtonWithDropdownMenuProps} from './types'; @@ -100,12 +99,12 @@ function ButtonWithDropdownMenu({ > - + diff --git a/src/styles/index.ts b/src/styles/index.ts index 12b8db8ecf9e..3ed62e23ecf9 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -4023,9 +4023,14 @@ const styles = (theme: ThemeColors) => paddingLeft: 0, }, - dropDownButtonArrowContain: { + dropDownMediumButtonArrowContain: { marginLeft: 12, - marginRight: 14, + marginRight: 16, + }, + + dropDownLargeButtonArrowContain: { + marginLeft: 16, + marginRight: 20, }, dropDownButtonCartIconView: {