diff --git a/src/lib/components/accounts/tests/__snapshots__/UserMenu.test.ts.snap b/src/lib/components/accounts/tests/__snapshots__/UserMenu.test.ts.snap
index a2f7d4156..730655aed 100644
--- a/src/lib/components/accounts/tests/__snapshots__/UserMenu.test.ts.snap
+++ b/src/lib/components/accounts/tests/__snapshots__/UserMenu.test.ts.snap
@@ -4,16 +4,16 @@ exports[`UserMenu 1`] = `
 <div>
    
   <div
-    class="dropdownContainer svelte-2lrn0b"
+    class="dropdownContainer svelte-6er823"
     id="user-menu"
   >
     <div
-      class="title primary svelte-2lrn0b"
+      class="title primary svelte-6er823"
       role="button"
       tabindex="0"
     >
       <span
-        class="container svelte-a23iq4"
+        class="container svelte-prcwhd"
         role="button"
         tabindex="0"
         title="Open Menu"
@@ -54,14 +54,14 @@ exports[`UserMenu 1`] = `
     </div>
      
     <div
-      class="dropdown svelte-2lrn0b bottom right"
+      class="dropdown svelte-6er823 bottom right"
     >
       <div
         class="menu svelte-18fuj21"
         role="menu"
       >
         <a
-          class="container svelte-a23iq4"
+          class="container svelte-prcwhd"
           href="https://dev.squarelet.com"
           target="_blank"
           title=""
@@ -83,7 +83,7 @@ exports[`UserMenu 1`] = `
         
          
         <span
-          class="container svelte-a23iq4 hover"
+          class="container svelte-prcwhd hover"
           role="button"
           tabindex="0"
           title=""
@@ -105,7 +105,7 @@ exports[`UserMenu 1`] = `
         
          
         <a
-          class="container svelte-a23iq4"
+          class="container svelte-prcwhd"
           href="https://api.dev.documentcloud.org/accounts/logout/"
           title=""
         >
diff --git a/src/lib/components/addons/tests/__snapshots__/AddOnsNavigation.test.ts.snap b/src/lib/components/addons/tests/__snapshots__/AddOnsNavigation.test.ts.snap
index 8a6130cde..967e5090e 100644
--- a/src/lib/components/addons/tests/__snapshots__/AddOnsNavigation.test.ts.snap
+++ b/src/lib/components/addons/tests/__snapshots__/AddOnsNavigation.test.ts.snap
@@ -24,7 +24,7 @@ exports[`AddOnsNavigation 1`] = `
         style="display: contents; --hover-background: var(--blue-2);"
       >
         <a
-          class="container svelte-a23iq4 active"
+          class="container svelte-prcwhd active"
           href="/add-ons/"
           title=""
         >
@@ -50,7 +50,7 @@ exports[`AddOnsNavigation 1`] = `
         style="display: contents; --hover-background: var(--orange-2);"
       >
         <a
-          class="container svelte-a23iq4"
+          class="container svelte-prcwhd"
           href="/add-ons/?active=true"
           title=""
         >
@@ -82,7 +82,7 @@ exports[`AddOnsNavigation 1`] = `
         style="display: contents; --hover-background: var(--yellow-2);"
       >
         <a
-          class="container svelte-a23iq4"
+          class="container svelte-prcwhd"
           href="/add-ons/?featured=true"
           title=""
         >
@@ -108,7 +108,7 @@ exports[`AddOnsNavigation 1`] = `
         style="display: contents; --hover-background: var(--green-2);"
       >
         <a
-          class="container svelte-a23iq4"
+          class="container svelte-prcwhd"
           href="/add-ons/?premium=true"
           title=""
         >
@@ -150,7 +150,7 @@ exports[`AddOnsNavigation 1`] = `
         style="display: contents; --color: var(--gray-4);"
       >
         <span
-          class="container svelte-a23iq4 small"
+          class="container svelte-prcwhd small"
           role="button"
           tabindex="0"
           title=""
@@ -161,7 +161,7 @@ exports[`AddOnsNavigation 1`] = `
       </div>
        
       <a
-        class="container svelte-a23iq4"
+        class="container svelte-prcwhd"
         href="/add-ons/?category=ai"
         title=""
       >
@@ -170,7 +170,7 @@ exports[`AddOnsNavigation 1`] = `
       </a>
       
       <a
-        class="container svelte-a23iq4"
+        class="container svelte-prcwhd"
         href="/add-ons/?category=statistical"
         title=""
       >
@@ -179,7 +179,7 @@ exports[`AddOnsNavigation 1`] = `
       </a>
       
       <a
-        class="container svelte-a23iq4"
+        class="container svelte-prcwhd"
         href="/add-ons/?category=bulk"
         title=""
       >
@@ -188,7 +188,7 @@ exports[`AddOnsNavigation 1`] = `
       </a>
       
       <a
-        class="container svelte-a23iq4"
+        class="container svelte-prcwhd"
         href="/add-ons/?category=export"
         title=""
       >
@@ -197,7 +197,7 @@ exports[`AddOnsNavigation 1`] = `
       </a>
       
       <a
-        class="container svelte-a23iq4"
+        class="container svelte-prcwhd"
         href="/add-ons/?category=extraction"
         title=""
       >
@@ -206,7 +206,7 @@ exports[`AddOnsNavigation 1`] = `
       </a>
       
       <a
-        class="container svelte-a23iq4"
+        class="container svelte-prcwhd"
         href="/add-ons/?category=file"
         title=""
       >
@@ -215,7 +215,7 @@ exports[`AddOnsNavigation 1`] = `
       </a>
       
       <a
-        class="container svelte-a23iq4"
+        class="container svelte-prcwhd"
         href="/add-ons/?category=monitor"
         title=""
       >