From a4317a95c7e9a76ef821b077014ed8f2a36fc684 Mon Sep 17 00:00:00 2001
From: Josefina Mancilla <32556167+jnm2377@users.noreply.github.com>
Date: Mon, 31 Oct 2022 09:37:25 -0500
Subject: [PATCH] fix(FluidTextInput): label overflow scroll (#12261)

* fix: label overflow

* fix(fluidtextinput): hide scrollbar on label overflow

Co-authored-by: Taylor Jones <taylor.jones826@gmail.com>
Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
---
 .../components/fluid-text-input/_fluid-text-input.scss   | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/styles/scss/components/fluid-text-input/_fluid-text-input.scss b/packages/styles/scss/components/fluid-text-input/_fluid-text-input.scss
index 273e05b7cc7a..2de7427c92a9 100644
--- a/packages/styles/scss/components/fluid-text-input/_fluid-text-input.scss
+++ b/packages/styles/scss/components/fluid-text-input/_fluid-text-input.scss
@@ -31,9 +31,18 @@
     top: rem(13px);
     left: $spacing-05;
     display: flex;
+    width: calc(100% - 2rem);
     height: rem(16px);
     align-items: center;
     margin: 0;
+    -ms-overflow-style: none;
+    overflow-x: scroll;
+    scrollbar-width: none;
+    white-space: nowrap;
+  }
+
+  .#{$prefix}--text-input--fluid .#{$prefix}--label::-webkit-scrollbar {
+    display: none;
   }
 
   .#{$prefix}--text-input--fluid .#{$prefix}--form__helper-text {