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 aca5ca75b..b1ea09c77 100644
--- a/ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupCollapseConfiguration.test.js.snap
+++ b/ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupCollapseConfiguration.test.js.snap
@@ -14,7 +14,7 @@ exports[`<AlertGroupCollapseConfiguration /> matches snapshot with default value
         <div class=\\"react-select__single-value css-1uccc91-singleValue\\">
           Collapse on mobile
         </div>
-        <div class=\\"css-1g6gooi\\">
+        <div class=\\"css-w8afj7-Input\\">
           <div class=\\"react-select__input\\"
                style=\\"display: inline-block;\\"
           >
@@ -34,7 +34,7 @@ exports[`<AlertGroupCollapseConfiguration /> matches snapshot with default value
           </div>
         </div>
       </div>
-      <div class=\\"react-select__indicators css-mik995\\">
+      <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
         <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
         </span>
         <div aria-hidden=\\"true\\"
@@ -45,7 +45,7 @@ exports[`<AlertGroupCollapseConfiguration /> matches snapshot with default value
                viewbox=\\"0 0 20 20\\"
                aria-hidden=\\"true\\"
                focusable=\\"false\\"
-               class=\\"css-19bqh2r\\"
+               class=\\"css-tj5bde-Svg\\"
           >
             <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
             </path>
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 fa9521dda..f17713985 100644
--- a/ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupSortConfiguration.test.js.snap
+++ b/ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupSortConfiguration.test.js.snap
@@ -16,7 +16,7 @@ exports[`<AlertGroupSortConfiguration /> matches snapshot with default values 1`
             <div class=\\"react-select__single-value css-1uccc91-singleValue\\">
               Use defaults from karma config file
             </div>
-            <div class=\\"css-1g6gooi\\">
+            <div class=\\"css-w8afj7-Input\\">
               <div class=\\"react-select__input\\"
                    style=\\"display: inline-block;\\"
               >
@@ -36,7 +36,7 @@ exports[`<AlertGroupSortConfiguration /> matches snapshot with default values 1`
               </div>
             </div>
           </div>
-          <div class=\\"react-select__indicators css-mik995\\">
+          <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
             <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
             </span>
             <div aria-hidden=\\"true\\"
@@ -47,7 +47,7 @@ exports[`<AlertGroupSortConfiguration /> matches snapshot with default values 1`
                    viewbox=\\"0 0 20 20\\"
                    aria-hidden=\\"true\\"
                    focusable=\\"false\\"
-                   class=\\"css-19bqh2r\\"
+                   class=\\"css-tj5bde-Svg\\"
               >
                 <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
                 </path>
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 c76f7399b..9a686a2fd 100644
--- a/ui/src/Components/MainModal/Configuration/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/MainModal/Configuration/__snapshots__/index.test.js.snap
@@ -197,7 +197,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
           <div class=\\"react-select__single-value css-1uccc91-singleValue\\">
             Collapse on mobile
           </div>
-          <div class=\\"css-1g6gooi\\">
+          <div class=\\"css-w8afj7-Input\\">
             <div class=\\"react-select__input\\"
                  style=\\"display:inline-block\\"
             >
@@ -217,7 +217,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
             </div>
           </div>
         </div>
-        <div class=\\"react-select__indicators css-mik995\\">
+        <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
           <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
           </span>
           <div aria-hidden=\\"true\\"
@@ -228,7 +228,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
                  viewbox=\\"0 0 20 20\\"
                  aria-hidden=\\"true\\"
                  focusable=\\"false\\"
-                 class=\\"css-19bqh2r\\"
+                 class=\\"css-tj5bde-Svg\\"
             >
               <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
               </path>
@@ -254,7 +254,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
               <div class=\\"react-select__single-value css-1uccc91-singleValue\\">
                 Use defaults from karma config file
               </div>
-              <div class=\\"css-1g6gooi\\">
+              <div class=\\"css-w8afj7-Input\\">
                 <div class=\\"react-select__input\\"
                      style=\\"display:inline-block\\"
                 >
@@ -274,7 +274,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
                 </div>
               </div>
             </div>
-            <div class=\\"react-select__indicators css-mik995\\">
+            <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
               <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
               </span>
               <div aria-hidden=\\"true\\"
@@ -285,7 +285,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
                      viewbox=\\"0 0 20 20\\"
                      aria-hidden=\\"true\\"
                      focusable=\\"false\\"
-                     class=\\"css-19bqh2r\\"
+                     class=\\"css-tj5bde-Svg\\"
                 >
                   <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
                   </path>
diff --git a/ui/src/Components/MainModal/__snapshots__/MainModalContent.test.js.snap b/ui/src/Components/MainModal/__snapshots__/MainModalContent.test.js.snap
index 0c27943d8..ec289b8ce 100644
--- a/ui/src/Components/MainModal/__snapshots__/MainModalContent.test.js.snap
+++ b/ui/src/Components/MainModal/__snapshots__/MainModalContent.test.js.snap
@@ -216,7 +216,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
               <div class=\\"react-select__single-value css-1uccc91-singleValue\\">
                 Collapse on mobile
               </div>
-              <div class=\\"css-1g6gooi\\">
+              <div class=\\"css-w8afj7-Input\\">
                 <div class=\\"react-select__input\\"
                      style=\\"display: inline-block;\\"
                 >
@@ -236,7 +236,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
                 </div>
               </div>
             </div>
-            <div class=\\"react-select__indicators css-mik995\\">
+            <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
               <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
               </span>
               <div aria-hidden=\\"true\\"
@@ -247,7 +247,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
                      viewbox=\\"0 0 20 20\\"
                      aria-hidden=\\"true\\"
                      focusable=\\"false\\"
-                     class=\\"css-19bqh2r\\"
+                     class=\\"css-tj5bde-Svg\\"
                 >
                   <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
                   </path>
@@ -273,7 +273,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
                   <div class=\\"react-select__single-value css-1uccc91-singleValue\\">
                     Use defaults from karma config file
                   </div>
-                  <div class=\\"css-1g6gooi\\">
+                  <div class=\\"css-w8afj7-Input\\">
                     <div class=\\"react-select__input\\"
                          style=\\"display: inline-block;\\"
                     >
@@ -293,7 +293,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
                     </div>
                   </div>
                 </div>
-                <div class=\\"react-select__indicators css-mik995\\">
+                <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
                   <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
                   </span>
                   <div aria-hidden=\\"true\\"
@@ -304,7 +304,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
                          viewbox=\\"0 0 20 20\\"
                          aria-hidden=\\"true\\"
                          focusable=\\"false\\"
-                         class=\\"css-19bqh2r\\"
+                         class=\\"css-tj5bde-Svg\\"
                     >
                       <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
                       </path>
diff --git a/ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap b/ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap
index 833c496e6..8bb19baee 100644
--- a/ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap
@@ -18,7 +18,7 @@ exports[`<CustomMultiSelect /> matches snapshot when focused 1`] = `
       <div class=\\"react-select__placeholder css-1wa3eu0-placeholder\\">
         Select...
       </div>
-      <div class=\\"css-1g6gooi\\">
+      <div class=\\"css-w8afj7-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display: inline-block;\\"
         >
@@ -38,7 +38,7 @@ exports[`<CustomMultiSelect /> matches snapshot when focused 1`] = `
         </div>
       </div>
     </div>
-    <div class=\\"react-select__indicators css-mik995\\">
+    <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
       <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
       </span>
       <div aria-hidden=\\"true\\"
@@ -49,7 +49,7 @@ exports[`<CustomMultiSelect /> matches snapshot when focused 1`] = `
              viewbox=\\"0 0 20 20\\"
              aria-hidden=\\"true\\"
              focusable=\\"false\\"
-             class=\\"css-19bqh2r\\"
+             class=\\"css-tj5bde-Svg\\"
         >
           <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
           </path>
@@ -69,7 +69,7 @@ exports[`<CustomMultiSelect /> matches snapshot with a value 1`] = `
       <div class=\\"react-select__single-value css-1uccc91-singleValue\\">
         foo
       </div>
-      <div class=\\"css-1g6gooi\\">
+      <div class=\\"css-w8afj7-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display:inline-block\\"
         >
@@ -89,7 +89,7 @@ exports[`<CustomMultiSelect /> matches snapshot with a value 1`] = `
         </div>
       </div>
     </div>
-    <div class=\\"react-select__indicators css-mik995\\">
+    <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
       <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
       </span>
       <div aria-hidden=\\"true\\"
@@ -100,7 +100,7 @@ exports[`<CustomMultiSelect /> matches snapshot with a value 1`] = `
              viewbox=\\"0 0 20 20\\"
              aria-hidden=\\"true\\"
              focusable=\\"false\\"
-             class=\\"css-19bqh2r\\"
+             class=\\"css-tj5bde-Svg\\"
         >
           <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
           </path>
@@ -120,7 +120,7 @@ exports[`<CustomMultiSelect /> matches snapshot with defaults 1`] = `
       <div class=\\"react-select__placeholder css-1wa3eu0-placeholder\\">
         Select...
       </div>
-      <div class=\\"css-1g6gooi\\">
+      <div class=\\"css-w8afj7-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display:inline-block\\"
         >
@@ -140,7 +140,7 @@ exports[`<CustomMultiSelect /> matches snapshot with defaults 1`] = `
         </div>
       </div>
     </div>
-    <div class=\\"react-select__indicators css-mik995\\">
+    <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
       <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
       </span>
       <div aria-hidden=\\"true\\"
@@ -151,7 +151,7 @@ exports[`<CustomMultiSelect /> matches snapshot with defaults 1`] = `
              viewbox=\\"0 0 20 20\\"
              aria-hidden=\\"true\\"
              focusable=\\"false\\"
-             class=\\"css-19bqh2r\\"
+             class=\\"css-tj5bde-Svg\\"
         >
           <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
           </path>
@@ -171,7 +171,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isDisabled=true 1`] = `
       <div class=\\"react-select__single-value react-select__single-value--is-disabled css-107lb6w-singleValue\\">
         foo
       </div>
-      <div class=\\"css-1g6gooi\\">
+      <div class=\\"css-w8afj7-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display:inline-block\\"
         >
@@ -192,7 +192,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isDisabled=true 1`] = `
         </div>
       </div>
     </div>
-    <div class=\\"react-select__indicators css-191n9vh\\">
+    <div class=\\"react-select__indicators css-1m7n6pr-IndicatorsContainer\\">
       <span class=\\"react-select__indicator-separator css-109onse-indicatorSeparator\\">
       </span>
       <div aria-hidden=\\"true\\"
@@ -203,7 +203,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isDisabled=true 1`] = `
              viewbox=\\"0 0 20 20\\"
              aria-hidden=\\"true\\"
              focusable=\\"false\\"
-             class=\\"css-19bqh2r\\"
+             class=\\"css-tj5bde-Svg\\"
         >
           <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
           </path>
@@ -223,7 +223,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true 1`] = `
       <div class=\\"react-select__placeholder css-1wa3eu0-placeholder\\">
         Select...
       </div>
-      <div class=\\"css-1g6gooi\\">
+      <div class=\\"css-w8afj7-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display:inline-block\\"
         >
@@ -243,7 +243,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true 1`] = `
         </div>
       </div>
     </div>
-    <div class=\\"react-select__indicators css-mik995\\">
+    <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
       <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
       </span>
       <div aria-hidden=\\"true\\"
@@ -254,7 +254,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true 1`] = `
              viewbox=\\"0 0 20 20\\"
              aria-hidden=\\"true\\"
              focusable=\\"false\\"
-             class=\\"css-19bqh2r\\"
+             class=\\"css-tj5bde-Svg\\"
         >
           <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
           </path>
@@ -281,14 +281,14 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true and a value 1`
                viewbox=\\"0 0 20 20\\"
                aria-hidden=\\"true\\"
                focusable=\\"false\\"
-               class=\\"css-19bqh2r\\"
+               class=\\"css-tj5bde-Svg\\"
           >
             <path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
             </path>
           </svg>
         </div>
       </div>
-      <div class=\\"css-1g6gooi\\">
+      <div class=\\"css-w8afj7-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display:inline-block\\"
         >
@@ -308,7 +308,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true and a value 1`
         </div>
       </div>
     </div>
-    <div class=\\"react-select__indicators css-mik995\\">
+    <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
       <div aria-hidden=\\"true\\"
            class=\\"react-select__indicator react-select__clear-indicator css-tlfecz-indicatorContainer\\"
       >
@@ -317,7 +317,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true and a value 1`
              viewbox=\\"0 0 20 20\\"
              aria-hidden=\\"true\\"
              focusable=\\"false\\"
-             class=\\"css-19bqh2r\\"
+             class=\\"css-tj5bde-Svg\\"
         >
           <path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
           </path>
@@ -333,7 +333,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true and a value 1`
              viewbox=\\"0 0 20 20\\"
              aria-hidden=\\"true\\"
              focusable=\\"false\\"
-             class=\\"css-19bqh2r\\"
+             class=\\"css-tj5bde-Svg\\"
         >
           <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
           </path>
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 cc3c57a8b..ef2c455a0 100644
--- a/ui/src/Components/SilenceModal/AlertManagerInput/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/SilenceModal/AlertManagerInput/__snapshots__/index.test.js.snap
@@ -15,7 +15,7 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
                viewbox=\\"0 0 20 20\\"
                aria-hidden=\\"true\\"
                focusable=\\"false\\"
-               class=\\"css-19bqh2r\\"
+               class=\\"css-tj5bde-Svg\\"
           >
             <path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
             </path>
@@ -32,14 +32,14 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
                viewbox=\\"0 0 20 20\\"
                aria-hidden=\\"true\\"
                focusable=\\"false\\"
-               class=\\"css-19bqh2r\\"
+               class=\\"css-tj5bde-Svg\\"
           >
             <path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
             </path>
           </svg>
         </div>
       </div>
-      <div class=\\"css-1g6gooi\\">
+      <div class=\\"css-w8afj7-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display:inline-block\\"
         >
@@ -59,7 +59,7 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
         </div>
       </div>
     </div>
-    <div class=\\"react-select__indicators css-mik995\\">
+    <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
       <div aria-hidden=\\"true\\"
            class=\\"react-select__indicator react-select__clear-indicator css-tlfecz-indicatorContainer\\"
       >
@@ -68,7 +68,7 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
              viewbox=\\"0 0 20 20\\"
              aria-hidden=\\"true\\"
              focusable=\\"false\\"
-             class=\\"css-19bqh2r\\"
+             class=\\"css-tj5bde-Svg\\"
         >
           <path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
           </path>
@@ -84,7 +84,7 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
              viewbox=\\"0 0 20 20\\"
              aria-hidden=\\"true\\"
              focusable=\\"false\\"
-             class=\\"css-19bqh2r\\"
+             class=\\"css-tj5bde-Svg\\"
         >
           <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
           </path>
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 f8ad0314e..82901d083 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-1uccc91-singleValue\\">
         name
       </div>
-      <div class=\\"css-1g6gooi\\">
+      <div class=\\"css-w8afj7-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display:inline-block\\"
         >
@@ -28,7 +28,7 @@ exports[`<LabelNameInput /> matches snapshot 1`] = `
         </div>
       </div>
     </div>
-    <div class=\\"react-select__indicators css-mik995\\">
+    <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
       <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
       </span>
       <div aria-hidden=\\"true\\"
@@ -39,7 +39,7 @@ exports[`<LabelNameInput /> matches snapshot 1`] = `
              viewbox=\\"0 0 20 20\\"
              aria-hidden=\\"true\\"
              focusable=\\"false\\"
-             class=\\"css-19bqh2r\\"
+             class=\\"css-tj5bde-Svg\\"
         >
           <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
           </path>
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 951f321e7..a4064709b 100644
--- a/ui/src/Components/SilenceModal/SilenceMatch/__snapshots__/LabelValueInput.test.js.snap
+++ b/ui/src/Components/SilenceModal/SilenceMatch/__snapshots__/LabelValueInput.test.js.snap
@@ -33,7 +33,7 @@ exports[`<LabelValueInput /> matches snapshot 1`] = `
           Label value
         </div>
       </div>
-      <div class=\\"css-1g6gooi\\">
+      <div class=\\"css-w8afj7-Input\\">
         <div class=\\"react-select__input\\"
              style=\\"display:inline-block\\"
         >
@@ -53,7 +53,7 @@ exports[`<LabelValueInput /> matches snapshot 1`] = `
         </div>
       </div>
     </div>
-    <div class=\\"react-select__indicators css-mik995\\">
+    <div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
       <span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
       </span>
       <div aria-hidden=\\"true\\"
@@ -64,7 +64,7 @@ exports[`<LabelValueInput /> matches snapshot 1`] = `
              viewbox=\\"0 0 20 20\\"
              aria-hidden=\\"true\\"
              focusable=\\"false\\"
-             class=\\"css-19bqh2r\\"
+             class=\\"css-tj5bde-Svg\\"
         >
           <path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
           </path>