diff --git a/packages/redux-devtools-ui/test/__snapshots__/Button.test.tsx.snap b/packages/redux-devtools-ui/test/__snapshots__/Button.test.tsx.snap
index 1c4d812e..933e298e 100644
--- a/packages/redux-devtools-ui/test/__snapshots__/Button.test.tsx.snap
+++ b/packages/redux-devtools-ui/test/__snapshots__/Button.test.tsx.snap
@@ -2,10 +2,10 @@
 
 exports[`Button renders correctly 1`] = `
 <div
-  class="sc-dcJsrY dAhqLr"
+  class="css-jg680o"
 >
   <button
-    class="sc-eqUAAy fNGiZB"
+    class="css-g2zi5"
   >
     Text
   </button>
diff --git a/packages/redux-devtools-ui/test/__snapshots__/Container.test.tsx.snap b/packages/redux-devtools-ui/test/__snapshots__/Container.test.tsx.snap
index d9229a09..db9052ef 100644
--- a/packages/redux-devtools-ui/test/__snapshots__/Container.test.tsx.snap
+++ b/packages/redux-devtools-ui/test/__snapshots__/Container.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Container renders correctly 1`] = `
 <div
-  class="sc-aXZVg crnRxl"
+  class="css-83ymb"
 >
   Text
 </div>
diff --git a/packages/redux-devtools-ui/test/__snapshots__/ContextMenu.test.tsx.snap b/packages/redux-devtools-ui/test/__snapshots__/ContextMenu.test.tsx.snap
index e915b56b..8097a802 100644
--- a/packages/redux-devtools-ui/test/__snapshots__/ContextMenu.test.tsx.snap
+++ b/packages/redux-devtools-ui/test/__snapshots__/ContextMenu.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`ContextMenu renders correctly 1`] = `
 <div
-  class="sc-iGgWBj eOjwsb"
+  class="css-1x2keqt"
   style="top: 100px; left: 100px;"
 >
   <button
diff --git a/packages/redux-devtools-ui/test/__snapshots__/Dialog.test.tsx.snap b/packages/redux-devtools-ui/test/__snapshots__/Dialog.test.tsx.snap
index 10c283c4..2778855b 100644
--- a/packages/redux-devtools-ui/test/__snapshots__/Dialog.test.tsx.snap
+++ b/packages/redux-devtools-ui/test/__snapshots__/Dialog.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Dialog renders correctly 1`] = `
 <div
-  class="sc-jXbUNg bziNId"
+  class="css-1nze9tl"
 >
   <div />
   <div>
@@ -21,19 +21,19 @@ exports[`Dialog renders correctly 1`] = `
       class="mc-dialog--footer"
     >
       <div
-        class="sc-dcJsrY dAhqLr"
+        class="css-jg680o"
       >
         <button
-          class="sc-eqUAAy fNGiZB"
+          class="css-g2zi5"
         >
           Cancel
         </button>
       </div>
       <div
-        class="sc-dcJsrY dAhqLr"
+        class="css-jg680o"
       >
         <button
-          class="sc-eqUAAy jJvjWh"
+          class="css-1td9y62"
         >
           Submit
         </button>
@@ -45,7 +45,7 @@ exports[`Dialog renders correctly 1`] = `
 
 exports[`Dialog renders modal 1`] = `
 <div
-  class="sc-jXbUNg bziNId"
+  class="css-1nze9tl"
 >
   <div />
   <div>
@@ -61,19 +61,19 @@ exports[`Dialog renders modal 1`] = `
       class="mc-dialog--footer"
     >
       <div
-        class="sc-dcJsrY dAhqLr"
+        class="css-jg680o"
       >
         <button
-          class="sc-eqUAAy fNGiZB"
+          class="css-g2zi5"
         >
           Cancel
         </button>
       </div>
       <div
-        class="sc-dcJsrY dAhqLr"
+        class="css-jg680o"
       >
         <button
-          class="sc-eqUAAy jJvjWh"
+          class="css-1td9y62"
         >
           Submit
         </button>
@@ -85,7 +85,7 @@ exports[`Dialog renders modal 1`] = `
 
 exports[`Dialog renders with props 1`] = `
 <div
-  class="sc-jXbUNg cXoIGe"
+  class="css-1cbskzi"
   open=""
 >
   <div />
@@ -109,19 +109,19 @@ exports[`Dialog renders with props 1`] = `
       class="mc-dialog--footer"
     >
       <div
-        class="sc-dcJsrY dAhqLr"
+        class="css-jg680o"
       >
         <button
-          class="sc-eqUAAy fNGiZB"
+          class="css-g2zi5"
         >
           Cancel
         </button>
       </div>
       <div
-        class="sc-dcJsrY dAhqLr"
+        class="css-jg680o"
       >
         <button
-          class="sc-eqUAAy jJvjWh"
+          class="css-1td9y62"
         >
           Submit
         </button>
diff --git a/packages/redux-devtools-ui/test/__snapshots__/Editor.test.tsx.snap b/packages/redux-devtools-ui/test/__snapshots__/Editor.test.tsx.snap
index 690386de..2841908d 100644
--- a/packages/redux-devtools-ui/test/__snapshots__/Editor.test.tsx.snap
+++ b/packages/redux-devtools-ui/test/__snapshots__/Editor.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Editor renders correctly 1`] = `
 <div
-  class="sc-dhKdcB cZUDgE"
+  class="css-1u3pnvo"
 >
   <div
     class="CodeMirror cm-s-default"
diff --git a/packages/redux-devtools-ui/test/__snapshots__/Form.test.tsx.snap b/packages/redux-devtools-ui/test/__snapshots__/Form.test.tsx.snap
index 4dc1d3d1..a277b11f 100644
--- a/packages/redux-devtools-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/redux-devtools-ui/test/__snapshots__/Form.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Form renders correctly 1`] = `
 <form
-  class="sc-imWYAI iSPDym"
+  class="css-yd7kx"
 >
   <div
     class="form-group field field-object"
@@ -345,10 +345,10 @@ exports[`Form renders correctly 1`] = `
           Integer range
         </label>
         <div
-          class="sc-gsFSXq jEgvpD"
+          class="css-1vryedt"
         >
           <div
-            class="sc-kAyceB iOgjoF"
+            class="css-nc7xvn"
           >
             <input
               id="root_integerRange"
@@ -369,10 +369,10 @@ exports[`Form renders correctly 1`] = `
     </fieldset>
   </div>
   <div
-    class="sc-dcJsrY dAtIkD"
+    class="css-q8f4aw"
   >
     <button
-      class="sc-eqUAAy fNGiZB"
+      class="css-g2zi5"
       type="submit"
     >
       Submit
@@ -383,7 +383,7 @@ exports[`Form renders correctly 1`] = `
 
 exports[`Form renders with no button 1`] = `
 <form
-  class="sc-imWYAI iSPDym"
+  class="css-yd7kx"
 >
   <div
     class="form-group field field-object"
@@ -726,10 +726,10 @@ exports[`Form renders with no button 1`] = `
           Integer range
         </label>
         <div
-          class="sc-gsFSXq jEgvpD"
+          class="css-1vryedt"
         >
           <div
-            class="sc-kAyceB iOgjoF"
+            class="css-nc7xvn"
           >
             <input
               id="root_integerRange"
@@ -755,7 +755,7 @@ exports[`Form renders with no button 1`] = `
 
 exports[`Form renders with primary button 1`] = `
 <form
-  class="sc-imWYAI iSPDym"
+  class="css-yd7kx"
 >
   <div
     class="form-group field field-object"
@@ -1098,10 +1098,10 @@ exports[`Form renders with primary button 1`] = `
           Integer range
         </label>
         <div
-          class="sc-gsFSXq jEgvpD"
+          class="css-1vryedt"
         >
           <div
-            class="sc-kAyceB iOgjoF"
+            class="css-nc7xvn"
           >
             <input
               id="root_integerRange"
@@ -1122,10 +1122,10 @@ exports[`Form renders with primary button 1`] = `
     </fieldset>
   </div>
   <div
-    class="sc-dcJsrY dAtIkD"
+    class="css-q8f4aw"
   >
     <button
-      class="sc-eqUAAy jJvjWh"
+      class="css-1td9y62"
       type="submit"
     >
       Custom button
diff --git a/packages/redux-devtools-ui/test/__snapshots__/Notification.test.tsx.snap b/packages/redux-devtools-ui/test/__snapshots__/Notification.test.tsx.snap
index 907383bc..2f5d66a9 100644
--- a/packages/redux-devtools-ui/test/__snapshots__/Notification.test.tsx.snap
+++ b/packages/redux-devtools-ui/test/__snapshots__/Notification.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Notification renders correctly 1`] = `
 <div
-  class="sc-cwHptR dfOHxO"
+  class="css-105dgur"
   type="info"
 >
   <span>
@@ -13,7 +13,7 @@ exports[`Notification renders correctly 1`] = `
 
 exports[`Notification renders with props 1`] = `
 <div
-  class="sc-cwHptR dfOHxO"
+  class="css-105dgur"
   type="error"
 >
   <svg
diff --git a/packages/redux-devtools-ui/test/__snapshots__/SegmentedControl.test.tsx.snap b/packages/redux-devtools-ui/test/__snapshots__/SegmentedControl.test.tsx.snap
index fb67fd6b..5eb75a85 100644
--- a/packages/redux-devtools-ui/test/__snapshots__/SegmentedControl.test.tsx.snap
+++ b/packages/redux-devtools-ui/test/__snapshots__/SegmentedControl.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`SegmentedControl renders correctly 1`] = `
 <div
-  class="sc-jlZhew doebln"
+  class="css-rlakr"
 >
   <button
     data-selected="true"
diff --git a/packages/redux-devtools-ui/test/__snapshots__/Slider.test.tsx.snap b/packages/redux-devtools-ui/test/__snapshots__/Slider.test.tsx.snap
index 4e9a3626..164b7ef5 100644
--- a/packages/redux-devtools-ui/test/__snapshots__/Slider.test.tsx.snap
+++ b/packages/redux-devtools-ui/test/__snapshots__/Slider.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Slider renders correctly 1`] = `
 <div
-  class="sc-gsFSXq bjzPMz"
+  class="css-20crcy"
 >
   <input
     max="100"
@@ -15,7 +15,7 @@ exports[`Slider renders correctly 1`] = `
 
 exports[`Slider renders with props 1`] = `
 <div
-  class="sc-gsFSXq eoPGPm"
+  class="css-1cg3ohj"
   disabled=""
 >
   <label>
diff --git a/packages/redux-devtools-ui/test/__snapshots__/Tabs.test.tsx.snap b/packages/redux-devtools-ui/test/__snapshots__/Tabs.test.tsx.snap
index 212a2743..9e1ac949 100644
--- a/packages/redux-devtools-ui/test/__snapshots__/Tabs.test.tsx.snap
+++ b/packages/redux-devtools-ui/test/__snapshots__/Tabs.test.tsx.snap
@@ -2,10 +2,10 @@
 
 exports[`Tabs renders correctly 1`] = `
 <div
-  class="sc-dAlyuH iaKjXm"
+  class="css-1q9755x"
 >
   <div
-    class="sc-kpDqfm czFkfy"
+    class="css-1rbphu7"
   >
     <div>
       <button
@@ -30,10 +30,10 @@ exports[`Tabs renders correctly 1`] = `
 
 exports[`Tabs renders tabs without inner components 1`] = `
 <div
-  class="sc-dAlyuH iaKjXm"
+  class="css-1q9755x"
 >
   <div
-    class="sc-kpDqfm czFkfy"
+    class="css-1rbphu7"
   >
     <div>
       <button
@@ -94,10 +94,10 @@ exports[`Tabs renders tabs without inner components 1`] = `
 
 exports[`Tabs renders with props 1`] = `
 <div
-  class="sc-dAlyuH iaKjXm"
+  class="css-1q9755x"
 >
   <div
-    class="sc-kpDqfm czFkfy"
+    class="css-1rbphu7"
   >
     <div>
       <button
diff --git a/packages/redux-devtools-ui/test/__snapshots__/Toolbar.test.tsx.snap b/packages/redux-devtools-ui/test/__snapshots__/Toolbar.test.tsx.snap
index 310cbdd1..78097e9f 100644
--- a/packages/redux-devtools-ui/test/__snapshots__/Toolbar.test.tsx.snap
+++ b/packages/redux-devtools-ui/test/__snapshots__/Toolbar.test.tsx.snap
@@ -2,28 +2,28 @@
 
 exports[`Toolbar renders correctly 1`] = `
 <div
-  class="sc-jEACwC kawwwh"
+  class="css-1vb2bz"
 >
   <div
-    class="sc-dcJsrY dAhqLr"
+    class="css-jg680o"
   >
     <button
-      class="sc-eqUAAy fNGiZB"
+      class="css-g2zi5"
     >
       1
     </button>
   </div>
   <div
-    class="sc-cPiKLX jaimvX"
+    class="css-t7c7u"
   />
   <div
-    class="sc-dLMFU crJLZZ"
+    class="css-w6gvpm"
   />
   <div
-    class="sc-dcJsrY dAhqLr"
+    class="css-jg680o"
   >
     <button
-      class="sc-eqUAAy fNGiZB"
+      class="css-g2zi5"
     >
       2
     </button>
@@ -33,6 +33,6 @@ exports[`Toolbar renders correctly 1`] = `
 
 exports[`Toolbar renders with props 1`] = `
 <div
-  class="sc-jEACwC hdWhho"
+  class="css-1wu4lza"
 />
 `;