fix(app): fix the arrow icon size in dropdown menu (#15042)

* fix(app): fix the arrow icon size in dropdown menu
Opentrons · May 2, 2024 · 2c5669b · 2c5669b
1 parent 1ed0740
commit 2c5669b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/app/src/atoms/MenuList/DropdownMenu.tsx b/app/src/atoms/MenuList/DropdownMenu.tsx
@@ -156,9 +156,9 @@ export function DropdownMenu(props: DropdownMenuProps): JSX.Element {
             {currentOption.name}
           </StyledText>
           {showDropdownMenu ? (
-            <Icon size="1.2rem" name="menu-down" transform="rotate(180deg)" />
+            <Icon size="0.75rem" name="menu-down" transform="rotate(180deg)" />
           ) : (
-            <Icon size="1.2rem" name="menu-down" />
+            <Icon size="0.75rem" name="menu-down" />
           )}
         </Flex>
         {showDropdownMenu && (

diff --git a/components/src/icons/icon-data.ts b/components/src/icons/icon-data.ts
@@ -287,8 +287,9 @@ export const ICON_DATA_BY_NAME = {
     viewBox: '0 0 24 24',
   },
   'menu-down': {
-    path: 'M7,10L12,15L17,10H7Z',
-    viewBox: '0 0 24 24',
+    path:
+      'M2.0672 4.46744C1.9125 4.28307 2.04206 4 2.28116 4L9.71887 4.00001C9.95795 4.00001 10.0875 4.28307 9.93281 4.46744L6.21412 8.89982C6.10205 9.03339 5.89826 9.0334 5.78619 8.89983L2.0672 4.46744Z',
+    viewBox: '0 0 12 12',
   },
   minus: {
     path: 'M19,13H5V11H19V13Z',