From bc15bbc5f4323b7ab430be7815e998f5cd393dfc Mon Sep 17 00:00:00 2001
From: Jethary <jethary@opentrons.com>
Date: Wed, 26 Jul 2023 09:09:50 -0400
Subject: [PATCH] undo past changes in Select component

---
 components/src/forms/Select.tsx | 21 ++++++---------------
 1 file changed, 6 insertions(+), 15 deletions(-)

diff --git a/components/src/forms/Select.tsx b/components/src/forms/Select.tsx
index efe1796ecf8..cbfb7ae62c9 100644
--- a/components/src/forms/Select.tsx
+++ b/components/src/forms/Select.tsx
@@ -6,8 +6,6 @@ import ReactSelect, {
 import cx from 'classnames'
 
 import { Icon } from '../icons'
-import { Box } from '../primitives'
-import { SPACING } from '../ui-style-constants'
 import { POSITION_ABSOLUTE, POSITION_FIXED } from '../styles'
 import styles from './Select.css'
 
@@ -115,20 +113,13 @@ function DropdownIndicator(
 ): JSX.Element {
   return (
     <reactSelectComponents.DropdownIndicator {...props}>
-      <Box
-        position={POSITION_ABSOLUTE}
-        top="0.25rem"
-        right={SPACING.spacing8}
-        width={SPACING.spacing20}
+      <div
+        className={cx(styles.dropdown_indicator, {
+          [styles.flipped]: props.selectProps.menuIsOpen,
+        })}
       >
-        <Icon
-          name="menu-down"
-          transform={`rotate(${
-            props.selectProps.menuIsOpen === true ? '180' : '0'
-          })`}
-          height="1.25rem"
-        />
-      </Box>
+        <Icon name="menu-down" className={cx(styles.dropdown_indicator_icon)} />
+      </div>
     </reactSelectComponents.DropdownIndicator>
   )
 }