From 482268a7ece77cd3927265d131d7eaf368983831 Mon Sep 17 00:00:00 2001
From: Laura Silva <91160746+silvalaura@users.noreply.github.com>
Date: Tue, 24 Sep 2024 14:17:48 -0400
Subject: [PATCH] fix(Input): Remove flex-shrink to allow inputs to shrink as
 needed (#1448)

---
 .changeset/inputwrapperstyles.md                            | 5 +++++
 packages/react-magma-dom/src/components/InputBase/index.tsx | 1 -
 2 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/inputwrapperstyles.md

diff --git a/.changeset/inputwrapperstyles.md b/.changeset/inputwrapperstyles.md
new file mode 100644
index 0000000000..8f2f6691bf
--- /dev/null
+++ b/.changeset/inputwrapperstyles.md
@@ -0,0 +1,5 @@
+---
+'react-magma-dom': patch
+---
+
+fix(Input): Remove flex-shrink to allow inputs to shrink as needed.
\ No newline at end of file
diff --git a/packages/react-magma-dom/src/components/InputBase/index.tsx b/packages/react-magma-dom/src/components/InputBase/index.tsx
index 317f824bb4..6cbc8c82f4 100644
--- 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