fix(Select): customValueText vertical alignment (#3890)

kiwicom · Jun 19, 2023 · 92c3db8 · 92c3db8
1 parent fe3994e
commit 92c3db8
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/orbit-components/src/Select/index.tsx b/packages/orbit-components/src/Select/index.tsx
@@ -244,11 +244,12 @@ SelectSuffix.defaultProps = {
   theme: defaultTheme,
 };
 
-const StyledCustomValue = styled(({ theme, ...props }) => <div {...props} />)`
+const StyledCustomValue = styled.div<{ $filled?: boolean; $disabled?: boolean; $prefix?: boolean }>`
   ${({ theme, $filled, $disabled, $prefix }) => css`
     color: ${($disabled && theme.orbit.paletteInkLight) ||
     ($filled ? theme.orbit.colorTextInput : theme.orbit.colorPlaceholderInput)};
-
+    display: flex;
+    align-items: center;
     font-family: ${theme.orbit.fontFamily};
     font-size: ${theme.orbit.fontSizeInputNormal};
     z-index: 3;