From bdde9b50a65a51a521a8ab98d3d9fb9d904425f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= <ffoodd@users.noreply.github.com>
Date: Tue, 25 May 2021 07:31:30 +0200
Subject: [PATCH] Fix x-paddings for select (with floating label, and in
 Firefox) (#34008)

---
 scss/forms/_floating-labels.scss | 3 ++-
 scss/forms/_form-select.scss     | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss
index 8b2e2b8eb6..09d9294dc5 100644
--- a/scss/forms/_floating-labels.scss
+++ b/scss/forms/_floating-labels.scss
@@ -4,7 +4,6 @@
   > .form-control,
   > .form-select {
     height: $form-floating-height;
-    padding: $form-floating-padding-y $form-floating-padding-x;
   }
 
   > label {
@@ -21,6 +20,8 @@
 
   // stylelint-disable no-duplicate-selectors
   > .form-control {
+    padding: $form-floating-padding-y $form-floating-padding-x;
+
     &::placeholder {
       color: transparent;
     }
diff --git a/scss/forms/_form-select.scss b/scss/forms/_form-select.scss
index 15d5061ad6..70256255a7 100644
--- a/scss/forms/_form-select.scss
+++ b/scss/forms/_form-select.scss
@@ -7,6 +7,8 @@
   display: block;
   width: 100%;
   padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x;
+  // stylelint-disable-next-line property-no-vendor-prefix
+  -moz-padding-start: subtract($form-select-padding-x, 3px); // See https://github.com/twbs/bootstrap/issues/32636
   font-family: $form-select-font-family;
   @include font-size($form-select-font-size);
   font-weight: $form-select-font-weight;