diff --git a/ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupCollapseConfiguration.test.js.snap b/ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupCollapseConfiguration.test.js.snap
index d9dbd1bf6..a8524df45 100644
--- a/ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupCollapseConfiguration.test.js.snap
+++ b/ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupCollapseConfiguration.test.js.snap
@@ -9,7 +9,7 @@ exports[`<AlertGroupCollapseConfiguration /> matches snapshot with default value
         <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
           Collapse on mobile
         </div>
-        <div class=\\"css-b8ldur-Input\\">
+        <div class=\\"css-ps6ina-Input\\">
           <div class=\\"react-select__input\\"
                style=\\"display: inline-block;\\"
           >
diff --git a/ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupSortConfiguration.test.js.snap b/ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupSortConfiguration.test.js.snap
index d65422c5a..3d19e399d 100644
--- a/ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupSortConfiguration.test.js.snap
+++ b/ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupSortConfiguration.test.js.snap
@@ -11,7 +11,7 @@ exports[`<AlertGroupSortConfiguration /> matches snapshot with default values 1`
             <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
               Use defaults from karma config file
             </div>
-            <div class=\\"css-b8ldur-Input\\">
+            <div class=\\"css-ps6ina-Input\\">
               <div class=\\"react-select__input\\"
                    style=\\"display: inline-block;\\"
               >
diff --git a/ui/src/Components/MainModal/Configuration/__snapshots__/MultiGridConfiguration.test.js.snap b/ui/src/Components/MainModal/Configuration/__snapshots__/MultiGridConfiguration.test.js.snap
index 038600ff6..a8e44881f 100644
--- a/ui/src/Components/MainModal/Configuration/__snapshots__/MultiGridConfiguration.test.js.snap
+++ b/ui/src/Components/MainModal/Configuration/__snapshots__/MultiGridConfiguration.test.js.snap
@@ -11,7 +11,7 @@ exports[`<MultiGridConfiguration /> matches snapshot with default values 1`] = `
             <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
               Disable multi-grid
             </div>
-            <div class=\\"css-b8ldur-Input\\">
+            <div class=\\"css-ps6ina-Input\\">
               <div class=\\"react-select__input\\"
                    style=\\"display: inline-block;\\"
               >
diff --git a/ui/src/Components/MainModal/Configuration/__snapshots__/ThemeConfiguration.test.js.snap b/ui/src/Components/MainModal/Configuration/__snapshots__/ThemeConfiguration.test.js.snap
index f279bc988..32681a7e4 100644
--- a/ui/src/Components/MainModal/Configuration/__snapshots__/ThemeConfiguration.test.js.snap
+++ b/ui/src/Components/MainModal/Configuration/__snapshots__/ThemeConfiguration.test.js.snap
@@ -9,7 +9,7 @@ exports[`<ThemeConfiguration /> matches snapshot with default values 1`] = `
         <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
           Automatic theme, follow browser preference
         </div>
-        <div class=\\"css-b8ldur-Input\\">
+        <div class=\\"css-ps6ina-Input\\">
           <div class=\\"react-select__input\\"
                style=\\"display: inline-block;\\"
           >
diff --git a/ui/src/Components/MainModal/Configuration/__snapshots__/index.test.js.snap b/ui/src/Components/MainModal/Configuration/__snapshots__/index.test.js.snap
index 5e26e4776..51384fb23 100644
--- a/ui/src/Components/MainModal/Configuration/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/MainModal/Configuration/__snapshots__/index.test.js.snap
@@ -157,7 +157,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
                 <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
                   Automatic theme, follow browser preference
                 </div>
-                <div class=\\"css-b8ldur-Input\\">
+                <div class=\\"css-ps6ina-Input\\">
                   <div class=\\"react-select__input\\"
                        style=\\"display: inline-block;\\"
                   >
@@ -394,7 +394,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
                 <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
                   Collapse on mobile
                 </div>
-                <div class=\\"css-b8ldur-Input\\">
+                <div class=\\"css-ps6ina-Input\\">
                   <div class=\\"react-select__input\\"
                        style=\\"display: inline-block;\\"
                   >
@@ -475,7 +475,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
                     <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
                       Use defaults from karma config file
                     </div>
-                    <div class=\\"css-b8ldur-Input\\">
+                    <div class=\\"css-ps6ina-Input\\">
                       <div class=\\"react-select__input\\"
                            style=\\"display: inline-block;\\"
                       >
@@ -558,7 +558,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
                     <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
                       Disable multi-grid
                     </div>
-                    <div class=\\"css-b8ldur-Input\\">
+                    <div class=\\"css-ps6ina-Input\\">
                       <div class=\\"react-select__input\\"
                            style=\\"display: inline-block;\\"
                       >
diff --git a/ui/src/Components/MainModal/__snapshots__/MainModalContent.test.js.snap b/ui/src/Components/MainModal/__snapshots__/MainModalContent.test.js.snap
index 8384e43fa..cf08a07db 100644
--- a/ui/src/Components/MainModal/__snapshots__/MainModalContent.test.js.snap
+++ b/ui/src/Components/MainModal/__snapshots__/MainModalContent.test.js.snap
@@ -176,7 +176,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
                     <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
                       Automatic theme, follow browser preference
                     </div>
-                    <div class=\\"css-b8ldur-Input\\">
+                    <div class=\\"css-ps6ina-Input\\">
                       <div class=\\"react-select__input\\"
                            style=\\"display: inline-block;\\"
                       >
@@ -413,7 +413,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
                     <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
                       Collapse on mobile
                     </div>
-                    <div class=\\"css-b8ldur-Input\\">
+                    <div class=\\"css-ps6ina-Input\\">
                       <div class=\\"react-select__input\\"
                            style=\\"display: inline-block;\\"
                       >
@@ -494,7 +494,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
                         <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
                           Use defaults from karma config file
                         </div>
-                        <div class=\\"css-b8ldur-Input\\">
+                        <div class=\\"css-ps6ina-Input\\">
                           <div class=\\"react-select__input\\"
                                style=\\"display: inline-block;\\"
                           >
@@ -577,7 +577,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
                         <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
                           Disable multi-grid
                         </div>
-                        <div class=\\"css-b8ldur-Input\\">
+                        <div class=\\"css-ps6ina-Input\\">
                           <div class=\\"react-select__input\\"
                                style=\\"display: inline-block;\\"
                           >
diff --git a/ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap b/ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap
index 47b6d2992..a7dc12987 100644
--- a/ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap
@@ -8,7 +8,7 @@ exports[`<MultiSelect /> matches snapshot without any extra props 1`] = `
       <div class=\\"react-select__placeholder css-1wa3eu0-placeholder\\">
         Select...
       </div>
-      <div class=\\"css-b8ldur-Input\\">
+      <div class=\\"css-ps6ina-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display: inline-block;\\"
         >
@@ -69,7 +69,7 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot when focused 1`] = `
       <div class=\\"react-select__placeholder css-1wa3eu0-placeholder\\">
         Select...
       </div>
-      <div class=\\"css-b8ldur-Input\\">
+      <div class=\\"css-ps6ina-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display: inline-block;\\"
         >
@@ -93,7 +93,7 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot when focused 1`] = `
       <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
       </span>
       <div aria-hidden=\\"true\\"
-           class=\\"react-select__indicator react-select__dropdown-indicator css-1gtu0rj-indicatorContainer\\"
+           class=\\"react-select__indicator react-select__dropdown-indicator css-1ij327q-indicatorContainer\\"
       >
         <svg height=\\"20\\"
              width=\\"20\\"
@@ -120,7 +120,7 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot with a value 1`] = `
       <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
         foo
       </div>
-      <div class=\\"css-b8ldur-Input\\">
+      <div class=\\"css-ps6ina-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display: inline-block;\\"
         >
@@ -171,7 +171,7 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot with defaults 1`] = `
       <div class=\\"react-select__placeholder css-1wa3eu0-placeholder\\">
         Select...
       </div>
-      <div class=\\"css-b8ldur-Input\\">
+      <div class=\\"css-ps6ina-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display: inline-block;\\"
         >
@@ -222,7 +222,7 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot with isDisabled=true 1`]
       <div class=\\"react-select__single-value react-select__single-value--is-disabled css-1wh03ml-singleValue\\">
         foo
       </div>
-      <div class=\\"css-b8ldur-Input\\">
+      <div class=\\"css-ps6ina-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display: inline-block;\\"
         >
@@ -274,7 +274,7 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot with isMulti=true 1`] = `
       <div class=\\"react-select__placeholder css-1wa3eu0-placeholder\\">
         Select...
       </div>
-      <div class=\\"css-b8ldur-Input\\">
+      <div class=\\"css-ps6ina-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display: inline-block;\\"
         >
@@ -339,7 +339,7 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot with isMulti=true and a v
           </svg>
         </div>
       </div>
-      <div class=\\"css-b8ldur-Input\\">
+      <div class=\\"css-ps6ina-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display: inline-block;\\"
         >
diff --git a/ui/src/Components/SilenceModal/AlertManagerInput/__snapshots__/index.test.js.snap b/ui/src/Components/SilenceModal/AlertManagerInput/__snapshots__/index.test.js.snap
index bcf0b9690..4ba4e8d2c 100644
--- a/ui/src/Components/SilenceModal/AlertManagerInput/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/SilenceModal/AlertManagerInput/__snapshots__/index.test.js.snap
@@ -39,7 +39,7 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
           </svg>
         </div>
       </div>
-      <div class=\\"css-b8ldur-Input\\">
+      <div class=\\"css-ps6ina-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display: inline-block;\\"
         >
diff --git a/ui/src/Components/SilenceModal/SilenceMatch/__snapshots__/LabelNameInput.test.js.snap b/ui/src/Components/SilenceModal/SilenceMatch/__snapshots__/LabelNameInput.test.js.snap
index 1ab442ad3..f940fb6b2 100644
--- a/ui/src/Components/SilenceModal/SilenceMatch/__snapshots__/LabelNameInput.test.js.snap
+++ b/ui/src/Components/SilenceModal/SilenceMatch/__snapshots__/LabelNameInput.test.js.snap
@@ -8,7 +8,7 @@ exports[`<LabelNameInput /> matches snapshot 1`] = `
       <div class=\\"react-select__single-value css-1wh03ml-singleValue\\">
         name
       </div>
-      <div class=\\"css-b8ldur-Input\\">
+      <div class=\\"css-ps6ina-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display: inline-block;\\"
         >
diff --git a/ui/src/Components/SilenceModal/SilenceMatch/__snapshots__/LabelValueInput.test.js.snap b/ui/src/Components/SilenceModal/SilenceMatch/__snapshots__/LabelValueInput.test.js.snap
index cc305c27e..75e9e1f7b 100644
--- a/ui/src/Components/SilenceModal/SilenceMatch/__snapshots__/LabelValueInput.test.js.snap
+++ b/ui/src/Components/SilenceModal/SilenceMatch/__snapshots__/LabelValueInput.test.js.snap
@@ -22,7 +22,7 @@ exports[`<LabelValueInput /> matches snapshot 1`] = `
           Label value
         </div>
       </div>
-      <div class=\\"css-b8ldur-Input\\">
+      <div class=\\"css-ps6ina-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display: inline-block;\\"
         >
diff --git a/ui/src/Components/Theme/ReactSelect.js b/ui/src/Components/Theme/ReactSelect.js
index 84075e406..4abb52792 100644
--- a/ui/src/Components/Theme/ReactSelect.js
+++ b/ui/src/Components/Theme/ReactSelect.js
@@ -107,6 +107,10 @@ const ReactSelectStyles = (theme) => ({
       opacity: "0.75",
     },
   }),
+  input: (base, state) => ({
+    ...base,
+    color: "inherit",
+  }),
   indicatorsContainer: (base, state) => ({
     ...base,
     backgroundColor: state.isDisabled
@@ -115,6 +119,13 @@ const ReactSelectStyles = (theme) => ({
     borderTopRightRadius: "0.25rem",
     borderBottomRightRadius: "0.25rem",
   }),
+  dropdownIndicator: (base, state) =>
+    state.isFocused
+      ? {
+          ...base,
+          "&:hover": { color: "inherit" },
+        }
+      : { ...base },
   menu: (base, state) => ({
     ...base,
     zIndex: 1500,