fix(Input): Remove flex-shrink to allow inputs to shrink as needed (#…

…1448)
cengage · Sep 24, 2024 · 482268a · 482268a · github-actions · Sep 24, 2024
1 parent 325ed35
commit 482268a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/.changeset/inputwrapperstyles.md b/.changeset/inputwrapperstyles.md
@@ -0,0 +1,5 @@
+---
+'react-magma-dom': patch
+---
+
+fix(Input): Remove flex-shrink to allow inputs to shrink as needed.
diff --git a/packages/react-magma-dom/src/components/InputBase/index.tsx b/packages/react-magma-dom/src/components/InputBase/index.tsx
@@ -161,7 +161,6 @@ export const inputWrapperStyles = (props: InputWrapperStylesProps) => css`
   flex: 1 1 auto;
   align-items: center;
   display: flex;
-  flex-shrink: 0;
   position: relative;
   width: ${props.width || 'auto'};
   background-color: ${props.isInverse