From dd7687da147c3d9b09b5fbb0e21d26c585931f88 Mon Sep 17 00:00:00 2001
From: emrberk <emreberk5699@gmail.com>
Date: Thu, 18 Apr 2024 19:45:12 +0300
Subject: [PATCH 1/2] Avoid overflow of single value inside SelectField in FF
 [MC-2784]

---
 packages/ui/src/Select/SelectField.module.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/ui/src/Select/SelectField.module.scss b/packages/ui/src/Select/SelectField.module.scss
index beb432ce8..079ddab20 100644
--- a/packages/ui/src/Select/SelectField.module.scss
+++ b/packages/ui/src/Select/SelectField.module.scss
@@ -6,6 +6,7 @@ $menuMargin: c.$grid * 3;
 $selectContainer: ':global .hz-select-field';
 $selectControl: ':global .hz-select-field__control';
 $selectValueContainer: ':global .hz-select-field__value-container';
+$selectSingleValue: ':global .hz-select-field__single-value';
 $selectMenuPortal: ':global .hz-select-field__menu-portal';
 $selectMenu: ':global .hz-select-field__menu';
 $selectMenuList: ':global .hz-select-field__menu-list';
@@ -37,6 +38,10 @@ $selectGroupHeading: ':global .hz-select-field__group-heading';
 
   #{$selectValueContainer} {
     padding: c.$grid * 1.375 0;
+
+    #{$selectSingleValue} {
+      position: absolute;
+    }
   }
 
   #{$selectControl} {

From a8035f1317313a9ae0450d266feec7553a4ecdae Mon Sep 17 00:00:00 2001
From: emrberk <emreberk5699@gmail.com>
Date: Thu, 18 Apr 2024 20:20:41 +0300
Subject: [PATCH 2/2] Restrict width of the container

---
 packages/ui/src/Select/SelectField.module.scss | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/ui/src/Select/SelectField.module.scss b/packages/ui/src/Select/SelectField.module.scss
index 079ddab20..db60cecfa 100644
--- a/packages/ui/src/Select/SelectField.module.scss
+++ b/packages/ui/src/Select/SelectField.module.scss
@@ -6,7 +6,6 @@ $menuMargin: c.$grid * 3;
 $selectContainer: ':global .hz-select-field';
 $selectControl: ':global .hz-select-field__control';
 $selectValueContainer: ':global .hz-select-field__value-container';
-$selectSingleValue: ':global .hz-select-field__single-value';
 $selectMenuPortal: ':global .hz-select-field__menu-portal';
 $selectMenu: ':global .hz-select-field__menu';
 $selectMenuList: ':global .hz-select-field__menu-list';
@@ -32,16 +31,13 @@ $selectGroupHeading: ':global .hz-select-field__group-heading';
 
   #{$selectContainer} {
     flex: 1 1 auto;
+    max-width: 100%;
 
     @include c.typographyBodySmall;
   }
 
   #{$selectValueContainer} {
     padding: c.$grid * 1.375 0;
-
-    #{$selectSingleValue} {
-      position: absolute;
-    }
   }
 
   #{$selectControl} {