diff --git a/packages/devui/tests/__snapshots__/Button.test.tsx.snap b/packages/devui/tests/__snapshots__/Button.test.tsx.snap
index 8020f6ae..636d2102 100644
--- a/packages/devui/tests/__snapshots__/Button.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/Button.test.tsx.snap
@@ -2,10 +2,10 @@
 
 exports[`Button renders correctly 1`] = `
 <div
-  class="sc-eCApnc fBsDrg"
+  class="sc-eCstlR hyNRxs"
 >
   <button
-    class="sc-dlnjwi YTVoL"
+    class="sc-dlfnuX bpFXet"
   >
     Text
   </button>
diff --git a/packages/devui/tests/__snapshots__/Container.test.tsx.snap b/packages/devui/tests/__snapshots__/Container.test.tsx.snap
index bbfdfa08..c56331d8 100644
--- a/packages/devui/tests/__snapshots__/Container.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/Container.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Container renders correctly 1`] = `
 <div
-  class="sc-bdnxRM cJyPfD"
+  class="sc-bdfBQB SWUnk"
 >
   Text
 </div>
diff --git a/packages/devui/tests/__snapshots__/ContextMenu.test.tsx.snap b/packages/devui/tests/__snapshots__/ContextMenu.test.tsx.snap
index 481608ec..5a9be9cc 100644
--- a/packages/devui/tests/__snapshots__/ContextMenu.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/ContextMenu.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`ContextMenu renders correctly 1`] = `
 <div
-  class="sc-jSFjdj hRVwnq"
+  class="sc-jSgvzq jsvxSn"
 >
   <button
     value="Menu Item 1"
diff --git a/packages/devui/tests/__snapshots__/Dialog.test.tsx.snap b/packages/devui/tests/__snapshots__/Dialog.test.tsx.snap
index f8e6fc32..3a510d82 100644
--- a/packages/devui/tests/__snapshots__/Dialog.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/Dialog.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Dialog renders correctly 1`] = `
 <div
-  class="sc-pNWdM flJpeN"
+  class="sc-pGacB cQhcnT"
 >
   <div />
   <div>
@@ -21,19 +21,19 @@ exports[`Dialog renders correctly 1`] = `
       class="mc-dialog--footer"
     >
       <div
-        class="sc-eCApnc fBsDrg"
+        class="sc-eCstlR hyNRxs"
       >
         <button
-          class="sc-dlnjwi YTVoL"
+          class="sc-dlfnuX bpFXet"
         >
           Cancel
         </button>
       </div>
       <div
-        class="sc-eCApnc fBsDrg"
+        class="sc-eCstlR hyNRxs"
       >
         <button
-          class="sc-dlnjwi erIiXz"
+          class="sc-dlfnuX eIIxFx"
         >
           Submit
         </button>
@@ -45,7 +45,7 @@ exports[`Dialog renders correctly 1`] = `
 
 exports[`Dialog renders modal 1`] = `
 <div
-  class="sc-pNWdM flJpeN"
+  class="sc-pGacB cQhcnT"
 >
   <div />
   <div>
@@ -61,19 +61,19 @@ exports[`Dialog renders modal 1`] = `
       class="mc-dialog--footer"
     >
       <div
-        class="sc-eCApnc fBsDrg"
+        class="sc-eCstlR hyNRxs"
       >
         <button
-          class="sc-dlnjwi YTVoL"
+          class="sc-dlfnuX bpFXet"
         >
           Cancel
         </button>
       </div>
       <div
-        class="sc-eCApnc fBsDrg"
+        class="sc-eCstlR hyNRxs"
       >
         <button
-          class="sc-dlnjwi erIiXz"
+          class="sc-dlfnuX eIIxFx"
         >
           Submit
         </button>
@@ -85,7 +85,7 @@ exports[`Dialog renders modal 1`] = `
 
 exports[`Dialog renders with props 1`] = `
 <div
-  class="sc-pNWdM eCTPkG"
+  class="sc-pGacB itppjQ"
   open=""
 >
   <div />
@@ -109,19 +109,19 @@ exports[`Dialog renders with props 1`] = `
       class="mc-dialog--footer"
     >
       <div
-        class="sc-eCApnc fBsDrg"
+        class="sc-eCstlR hyNRxs"
       >
         <button
-          class="sc-dlnjwi YTVoL"
+          class="sc-dlfnuX bpFXet"
         >
           Cancel
         </button>
       </div>
       <div
-        class="sc-eCApnc fBsDrg"
+        class="sc-eCstlR hyNRxs"
       >
         <button
-          class="sc-dlnjwi erIiXz"
+          class="sc-dlfnuX eIIxFx"
         >
           Submit
         </button>
diff --git a/packages/devui/tests/__snapshots__/Editor.test.tsx.snap b/packages/devui/tests/__snapshots__/Editor.test.tsx.snap
index b143da0e..73dc3ae1 100644
--- a/packages/devui/tests/__snapshots__/Editor.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/Editor.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`Editor renders correctly 1`] = `
 >
   <styled.div>
     <div
-      className="sc-jrsJWt bGGtuw"
+      className="sc-jrAFXE eSKznJ"
     />
   </styled.div>
 </Editor>
diff --git a/packages/devui/tests/__snapshots__/Notification.test.tsx.snap b/packages/devui/tests/__snapshots__/Notification.test.tsx.snap
index 8347e0e4..8af4844e 100644
--- a/packages/devui/tests/__snapshots__/Notification.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/Notification.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Notification renders correctly 1`] = `
 <div
-  class="sc-dIsUp cNjybr"
+  class="sc-dQoVA jbwpAA"
   type="info"
 >
   <span>
@@ -13,7 +13,7 @@ exports[`Notification renders correctly 1`] = `
 
 exports[`Notification renders with props 1`] = `
 <div
-  class="sc-dIsUp cNjybr"
+  class="sc-dQoVA jbwpAA"
   type="error"
 >
   <svg
diff --git a/packages/devui/tests/__snapshots__/SegmentedControl.test.tsx.snap b/packages/devui/tests/__snapshots__/SegmentedControl.test.tsx.snap
index 872be20f..3b455579 100644
--- a/packages/devui/tests/__snapshots__/SegmentedControl.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/SegmentedControl.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`SegmentedControl renders correctly 1`] = `
 <div
-  class="sc-crzoAE bFkxJ"
+  class="sc-crrszt cvNxfC"
 >
   <button
     data-selected="true"
diff --git a/packages/devui/tests/__snapshots__/Slider.test.tsx.snap b/packages/devui/tests/__snapshots__/Slider.test.tsx.snap
index 33824697..2de0f7ea 100644
--- a/packages/devui/tests/__snapshots__/Slider.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/Slider.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Slider renders correctly 1`] = `
 <div
-  class="sc-gKAaRy kGUJQC"
+  class="sc-gKseQn dZjemh"
 >
   <input
     max="100"
@@ -15,7 +15,7 @@ exports[`Slider renders correctly 1`] = `
 
 exports[`Slider renders with props 1`] = `
 <div
-  class="sc-gKAaRy jCQInr"
+  class="sc-gKseQn iDCsqw"
   disabled=""
 >
   <label>
diff --git a/packages/devui/tests/__snapshots__/Tabs.test.tsx.snap b/packages/devui/tests/__snapshots__/Tabs.test.tsx.snap
index 1a151cd2..837934d7 100644
--- a/packages/devui/tests/__snapshots__/Tabs.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/Tabs.test.tsx.snap
@@ -2,10 +2,10 @@
 
 exports[`Tabs renders correctly 1`] = `
 <div
-  class="sc-iqAclL lhAsMF"
+  class="sc-iqHYmW fkHtZZ"
 >
   <div
-    class="sc-kEqXSa GgFRW"
+    class="sc-kEjbQP cJpVpt"
   >
     <div>
       <button
@@ -30,10 +30,10 @@ exports[`Tabs renders correctly 1`] = `
 
 exports[`Tabs renders tabs without inner components 1`] = `
 <div
-  class="sc-iqAclL lhAsMF"
+  class="sc-iqHYmW fkHtZZ"
 >
   <div
-    class="sc-kEqXSa GgFRW"
+    class="sc-kEjbQP cJpVpt"
   >
     <div>
       <button
@@ -94,10 +94,10 @@ exports[`Tabs renders tabs without inner components 1`] = `
 
 exports[`Tabs renders with props 1`] = `
 <div
-  class="sc-iqAclL lhAsMF"
+  class="sc-iqHYmW fkHtZZ"
 >
   <div
-    class="sc-kEqXSa GgFRW"
+    class="sc-kEjbQP cJpVpt"
   >
     <div>
       <button
diff --git a/packages/devui/tests/__snapshots__/Toolbar.test.tsx.snap b/packages/devui/tests/__snapshots__/Toolbar.test.tsx.snap
index bd2115f6..6e002ada 100644
--- a/packages/devui/tests/__snapshots__/Toolbar.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/Toolbar.test.tsx.snap
@@ -2,28 +2,28 @@
 
 exports[`Toolbar renders correctly 1`] = `
 <div
-  class="sc-bqGGPW epxzCc"
+  class="sc-bqyKOL kijwRz"
 >
   <div
-    class="sc-eCApnc fBsDrg"
+    class="sc-eCstlR hyNRxs"
   >
     <button
-      class="sc-dlnjwi YTVoL"
+      class="sc-dlfnuX bpFXet"
     >
       1
     </button>
   </div>
   <div
-    class="sc-ksluID Osoke"
+    class="sc-kstqJO icaEkX"
   />
   <div
-    class="sc-hBMUJo eOpmnQ"
+    class="sc-hBEYId bvLjEB"
   />
   <div
-    class="sc-eCApnc fBsDrg"
+    class="sc-eCstlR hyNRxs"
   >
     <button
-      class="sc-dlnjwi YTVoL"
+      class="sc-dlfnuX bpFXet"
     >
       2
     </button>
@@ -33,6 +33,6 @@ exports[`Toolbar renders correctly 1`] = `
 
 exports[`Toolbar renders with props 1`] = `
 <div
-  class="sc-bqGGPW cWsbPt"
+  class="sc-bqyKOL ddKOSq"
 />
 `;