From aeaaca1e6279c9319d8a36872fe3415b9e2c17e4 Mon Sep 17 00:00:00 2001
From: Victoria League <vleague@bitwarden.com>
Date: Wed, 25 Sep 2024 16:49:12 -0400
Subject: [PATCH] [CL-457] Center input text for select and multiselect
 (#11239)

---
 libs/components/src/multi-select/scss/bw.theme.scss | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/libs/components/src/multi-select/scss/bw.theme.scss b/libs/components/src/multi-select/scss/bw.theme.scss
index 8e12c51ba72..b697cfbf62f 100644
--- a/libs/components/src/multi-select/scss/bw.theme.scss
+++ b/libs/components/src/multi-select/scss/bw.theme.scss
@@ -117,6 +117,7 @@ $ng-dropdown-shadow: rgb(var(--color-secondary-100)) !default;
       }
 
       .ng-input {
+        padding-top: 2px;
         > input {
           color: $ng-select-input-text;
         }
@@ -127,8 +128,9 @@ $ng-dropdown-shadow: rgb(var(--color-secondary-100)) !default;
     .ng-select-container {
       height: $ng-select-height;
       .ng-value-container {
+        display: flex;
+        height: 100%;
         .ng-input {
-          top: 5px;
           left: 0;
           padding-left: $ng-select-value-padding-left;
           padding-right: 50px;
@@ -152,7 +154,7 @@ $ng-dropdown-shadow: rgb(var(--color-secondary-100)) !default;
     }
     .ng-select-container {
       .ng-value-container {
-        padding-top: 5px;
+        height: 100%;
         @include rtl {
           padding-left: 0;
         }
@@ -203,9 +205,6 @@ $ng-dropdown-shadow: rgb(var(--color-secondary-100)) !default;
             }
           }
         }
-        .ng-placeholder {
-          padding-bottom: 0.25rem;
-        }
       }
     }
   }