Merge pull request #39054 from narefyev91/fix-hover-on-drop-down-button

Expensify · Mar 29, 2024 · d7a0870 · d7a0870
2 parents 923eeff + de79c37
commit d7a0870
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git 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<IValueType>({
                     >
                         <View style={[styles.dropDownButtonCartIconView, innerStyleDropButton]}>
                             <View style={[success ? styles.buttonSuccessDivider : styles.buttonDivider]} />
-                            <View style={[styles.dropDownButtonArrowContain]}>
+                            <View style={[isButtonSizeLarge ? styles.dropDownLargeButtonArrowContain : styles.dropDownMediumButtonArrowContain]}>
                                 <Icon
+                                    medium={isButtonSizeLarge}
+                                    small={!isButtonSizeLarge}
                                     src={Expensicons.DownArrow}
                                     fill={success ? theme.buttonSuccessText : theme.icon}
-                                    width={variables.iconSizeSmall}
-                                    height={variables.iconSizeSmall}
                                 />
                             </View>
                         </View>

diff --git a/src/styles/index.ts b/src/styles/index.ts
@@ -4029,9 +4029,14 @@ const styles = (theme: ThemeColors) =>
             paddingLeft: 0,
         },
 
-        dropDownButtonArrowContain: {
+        dropDownMediumButtonArrowContain: {
             marginLeft: 12,
-            marginRight: 14,
+            marginRight: 16,
+        },
+
+        dropDownLargeButtonArrowContain: {
+            marginLeft: 16,
+            marginRight: 20,
         },
 
         dropDownButtonCartIconView: {