tweak(styles): dropdown select placeholder alignment

Co-authored-by: ux-git <ux-git@users.noreply.github.com>

Author: ux-git

src/components/select/index.styles.tsx

@@ -7,7 +7,8 @@ export const SelectStyled = styled(Select)({
   },
   '.MuiSelect-select': {
     color: 'var(--black)',
-    alignContent: 'center',
+    display: 'flex',
+    alignItems: 'center',
     height: '44px !important',
     paddingTop: '0px !important',
     paddingBottom: '0px !important',

src/components/select/index.tsx

@@ -21,8 +21,9 @@ const Select = ({ helperText, ...props }: SelectPropsType) => {
         sx={{
           color: props.error ? 'var(--red-main)' : 'var(--accent-350)',
           '&.Mui-focused': { color: 'var(--accent-main)' },
-          '&[data-shrink=false]': { top: props.value === '' ? '-6px' : '-8px' },
-          marginTop: '2px',
+          '&[data-shrink=false]': {
+            transform: 'translate(14px, 12px) scale(1)',
+          },
           '&.Mui-disabled': { color: 'var(--accent-200)' },
         }}
       >