From 2c5669b7bc5d65feea6db47f3bd9e7cf06d9c391 Mon Sep 17 00:00:00 2001
From: koji <koji.kanao@opentrons.com>
Date: Thu, 2 May 2024 12:11:31 -0400
Subject: [PATCH] fix(app): fix the arrow icon size in dropdown menu (#15042)

* fix(app): fix the arrow icon size in dropdown menu
---
 app/src/atoms/MenuList/DropdownMenu.tsx | 4 ++--
 components/src/icons/icon-data.ts       | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/src/atoms/MenuList/DropdownMenu.tsx b/app/src/atoms/MenuList/DropdownMenu.tsx
index 5d9d82d7d7f..992b39073f3 100644
--- 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
index e4f43123e13..23bc9ed6365 100644
--- 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',