From 7985eca0efda81162f0fc96b9fa47b72a7cbb58b Mon Sep 17 00:00:00 2001
From: Joakim Uddholm <joakim.uddholm@klarna.com>
Date: Mon, 28 Oct 2024 10:11:14 +0100
Subject: [PATCH] test: bump snapshot tests

---
 .../home/__snapshots__/Home.spec.js.snap      | 36 +++++-----
 .../board/__snapshots__/Board.spec.js.snap    | 60 ++++++++--------
 .../navbar/__snapshots__/Navbar.spec.js.snap  | 68 +++++++++----------
 .../__snapshots__/SearchPage.spec.js.snap     | 20 +++---
 .../__snapshots__/UserModels.spec.js.snap     | 44 ++++++------
 5 files changed, 114 insertions(+), 114 deletions(-)
diff --git a/app/src/components/home/__snapshots__/Home.spec.js.snap b/app/src/components/home/__snapshots__/Home.spec.js.snap
index a9727f0e..2d799d28 100644
--- a/app/src/components/home/__snapshots__/Home.spec.js.snap
+++ b/app/src/components/home/__snapshots__/Home.spec.js.snap
@@ -6,36 +6,36 @@ exports[`Home renders Home 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 css-1qi6pw9-MuiGrid2-root"
+        class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 css-imdfze-MuiGrid2-root"
       >
         <div
-          class="MuiGrid2-root MuiGrid2-direction-xs-row MuiGrid2-grid-xs-6 css-13jpe7a-MuiGrid2-root"
+          class="MuiGrid2-root MuiGrid2-direction-xs-row MuiGrid2-grid-xs-6 css-105iddl-MuiGrid2-root"
         >
           <h5
-            class="MuiTypography-root MuiTypography-h5 css-ku7d13-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-h5 css-16xl4zq-MuiTypography-root"
           >
             Recent Threat Models
           </h5>
           <p
-            class="MuiTypography-root MuiTypography-body1 dimmed css-1edfpdg-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 dimmed css-rizt0-MuiTypography-root"
           >
             Threat models you recently interacted with
           </p>
           <div
-            class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1pyfb4v-MuiPaper-root-MuiCard-root"
+            class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1eg0ry7-MuiPaper-root-MuiCard-root"
             style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
           >
             <div
-              class="MuiCardContent-root css-46bh2p-MuiCardContent-root"
+              class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
             >
               <ul
-                class="MuiList-root MuiList-padding css-1u169s7-MuiList-root"
+                class="MuiList-root MuiList-padding css-b7dj7n-MuiList-root"
               >
                 <div
-                  class="MuiListItemText-root css-1y2w5y4-MuiListItemText-root"
+                  class="MuiListItemText-root css-cfq8qh-MuiListItemText-root"
                 >
                   <span
-                    class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-1edfpdg-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-rizt0-MuiTypography-root"
                   >
                     No models exist
                   </span>
@@ -49,36 +49,36 @@ exports[`Home renders Home 1`] = `
   </body>,
   "container": <div>
     <div
-      class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 css-1qi6pw9-MuiGrid2-root"
+      class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 css-imdfze-MuiGrid2-root"
     >
       <div
-        class="MuiGrid2-root MuiGrid2-direction-xs-row MuiGrid2-grid-xs-6 css-13jpe7a-MuiGrid2-root"
+        class="MuiGrid2-root MuiGrid2-direction-xs-row MuiGrid2-grid-xs-6 css-105iddl-MuiGrid2-root"
       >
         <h5
-          class="MuiTypography-root MuiTypography-h5 css-ku7d13-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-h5 css-16xl4zq-MuiTypography-root"
         >
           Recent Threat Models
         </h5>
         <p
-          class="MuiTypography-root MuiTypography-body1 dimmed css-1edfpdg-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 dimmed css-rizt0-MuiTypography-root"
         >
           Threat models you recently interacted with
         </p>
         <div
-          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1pyfb4v-MuiPaper-root-MuiCard-root"
+          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1eg0ry7-MuiPaper-root-MuiCard-root"
           style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
         >
           <div
-            class="MuiCardContent-root css-46bh2p-MuiCardContent-root"
+            class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
           >
             <ul
-              class="MuiList-root MuiList-padding css-1u169s7-MuiList-root"
+              class="MuiList-root MuiList-padding css-b7dj7n-MuiList-root"
             >
               <div
-                class="MuiListItemText-root css-1y2w5y4-MuiListItemText-root"
+                class="MuiListItemText-root css-cfq8qh-MuiListItemText-root"
               >
                 <span
-                  class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-1edfpdg-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-rizt0-MuiTypography-root"
                 >
                   No models exist
                 </span>
diff --git a/app/src/components/model/board/__snapshots__/Board.spec.js.snap b/app/src/components/model/board/__snapshots__/Board.spec.js.snap
index 7af66402..162b1188 100644
--- a/app/src/components/model/board/__snapshots__/Board.spec.js.snap
+++ b/app/src/components/model/board/__snapshots__/Board.spec.js.snap
@@ -11,18 +11,18 @@ exports[`Board renders Board 1`] = `
         tabindex="1"
       >
         <div
-          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 css-e6gb6b-MuiPaper-root"
+          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 css-d0t5i1-MuiPaper-root"
           style="--Paper-shadow: none;"
         >
           <div
             aria-label="cursor mode"
-            class="MuiToggleButtonGroup-root MuiToggleButtonGroup-horizontal css-1st5cz8-MuiToggleButtonGroup-root"
+            class="MuiToggleButtonGroup-root MuiToggleButtonGroup-horizontal css-1qb8o-MuiToggleButtonGroup-root"
             role="group"
           >
             <button
               aria-label="pointer mode"
               aria-pressed="false"
-              class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-firstButton css-v490uh-MuiButtonBase-root-MuiToggleButton-root"
+              class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-firstButton css-w4gp61-MuiButtonBase-root-MuiToggleButton-root"
               tabindex="0"
               type="button"
               value="CURSOR_POINTER"
@@ -30,7 +30,7 @@ exports[`Board renders Board 1`] = `
               <svg
                 aria-hidden="true"
                 aria-label="Toggle pointer mode - allows you to select components"
-                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
                 data-mui-internal-clone-element="true"
                 data-testid="HighlightAltIcon"
                 focusable="false"
@@ -44,7 +44,7 @@ exports[`Board renders Board 1`] = `
             <button
               aria-label="pan mode"
               aria-pressed="false"
-              class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-lastButton css-v490uh-MuiButtonBase-root-MuiToggleButton-root"
+              class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-lastButton css-w4gp61-MuiButtonBase-root-MuiToggleButton-root"
               tabindex="0"
               type="button"
               value="CURSOR_PAN"
@@ -52,7 +52,7 @@ exports[`Board renders Board 1`] = `
               <svg
                 aria-hidden="true"
                 aria-label="Toggle pan mode - allows you move the diagram. Hint: you can also hold space"
-                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
                 data-mui-internal-clone-element="true"
                 data-testid="PanToolIcon"
                 focusable="false"
@@ -65,19 +65,19 @@ exports[`Board renders Board 1`] = `
             </button>
           </div>
           <div
-            class="MuiToggleButtonGroup-root MuiToggleButtonGroup-horizontal css-1st5cz8-MuiToggleButtonGroup-root"
+            class="MuiToggleButtonGroup-root MuiToggleButtonGroup-horizontal css-1qb8o-MuiToggleButtonGroup-root"
             role="group"
           >
             <button
               aria-pressed="false"
-              class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-firstButton css-v490uh-MuiButtonBase-root-MuiToggleButton-root"
+              class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-firstButton css-w4gp61-MuiButtonBase-root-MuiToggleButton-root"
               tabindex="0"
               type="button"
               value="zoom-in"
             >
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
                 data-testid="ZoomInIcon"
                 focusable="false"
                 viewBox="0 0 24 24"
@@ -92,14 +92,14 @@ exports[`Board renders Board 1`] = `
             </button>
             <button
               aria-pressed="false"
-              class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-middleButton css-v490uh-MuiButtonBase-root-MuiToggleButton-root"
+              class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-middleButton css-w4gp61-MuiButtonBase-root-MuiToggleButton-root"
               tabindex="0"
               type="button"
               value="zoom-out"
             >
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
                 data-testid="ZoomOutIcon"
                 focusable="false"
                 viewBox="0 0 24 24"
@@ -111,7 +111,7 @@ exports[`Board renders Board 1`] = `
             </button>
             <button
               aria-pressed="false"
-              class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-middleButton css-v490uh-MuiButtonBase-root-MuiToggleButton-root"
+              class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-middleButton css-w4gp61-MuiButtonBase-root-MuiToggleButton-root"
               tabindex="0"
               type="button"
               value="download-image"
@@ -119,7 +119,7 @@ exports[`Board renders Board 1`] = `
               <svg
                 aria-hidden="true"
                 aria-label="Download as image"
-                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
                 data-mui-internal-clone-element="true"
                 data-testid="ScreenshotMonitorIcon"
                 focusable="false"
@@ -136,7 +136,7 @@ exports[`Board renders Board 1`] = `
             </button>
             <button
               aria-pressed="true"
-              class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root Mui-selected MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-lastButton css-v490uh-MuiButtonBase-root-MuiToggleButton-root"
+              class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root Mui-selected MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-lastButton css-w4gp61-MuiButtonBase-root-MuiToggleButton-root"
               tabindex="0"
               type="button"
               value="validate-model"
@@ -144,7 +144,7 @@ exports[`Board renders Board 1`] = `
               <svg
                 aria-hidden="true"
                 aria-label="Check the quality of your model"
-                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
                 data-mui-internal-clone-element="true"
                 data-testid="FactCheckIcon"
                 focusable="false"
@@ -191,18 +191,18 @@ exports[`Board renders Board 1`] = `
       tabindex="1"
     >
       <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 css-e6gb6b-MuiPaper-root"
+        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 css-d0t5i1-MuiPaper-root"
         style="--Paper-shadow: none;"
       >
         <div
           aria-label="cursor mode"
-          class="MuiToggleButtonGroup-root MuiToggleButtonGroup-horizontal css-1st5cz8-MuiToggleButtonGroup-root"
+          class="MuiToggleButtonGroup-root MuiToggleButtonGroup-horizontal css-1qb8o-MuiToggleButtonGroup-root"
           role="group"
         >
           <button
             aria-label="pointer mode"
             aria-pressed="false"
-            class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-firstButton css-v490uh-MuiButtonBase-root-MuiToggleButton-root"
+            class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-firstButton css-w4gp61-MuiButtonBase-root-MuiToggleButton-root"
             tabindex="0"
             type="button"
             value="CURSOR_POINTER"
@@ -210,7 +210,7 @@ exports[`Board renders Board 1`] = `
             <svg
               aria-hidden="true"
               aria-label="Toggle pointer mode - allows you to select components"
-              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
               data-mui-internal-clone-element="true"
               data-testid="HighlightAltIcon"
               focusable="false"
@@ -224,7 +224,7 @@ exports[`Board renders Board 1`] = `
           <button
             aria-label="pan mode"
             aria-pressed="false"
-            class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-lastButton css-v490uh-MuiButtonBase-root-MuiToggleButton-root"
+            class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-lastButton css-w4gp61-MuiButtonBase-root-MuiToggleButton-root"
             tabindex="0"
             type="button"
             value="CURSOR_PAN"
@@ -232,7 +232,7 @@ exports[`Board renders Board 1`] = `
             <svg
               aria-hidden="true"
               aria-label="Toggle pan mode - allows you move the diagram. Hint: you can also hold space"
-              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
               data-mui-internal-clone-element="true"
               data-testid="PanToolIcon"
               focusable="false"
@@ -245,19 +245,19 @@ exports[`Board renders Board 1`] = `
           </button>
         </div>
         <div
-          class="MuiToggleButtonGroup-root MuiToggleButtonGroup-horizontal css-1st5cz8-MuiToggleButtonGroup-root"
+          class="MuiToggleButtonGroup-root MuiToggleButtonGroup-horizontal css-1qb8o-MuiToggleButtonGroup-root"
           role="group"
         >
           <button
             aria-pressed="false"
-            class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-firstButton css-v490uh-MuiButtonBase-root-MuiToggleButton-root"
+            class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-firstButton css-w4gp61-MuiButtonBase-root-MuiToggleButton-root"
             tabindex="0"
             type="button"
             value="zoom-in"
           >
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
               data-testid="ZoomInIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -272,14 +272,14 @@ exports[`Board renders Board 1`] = `
           </button>
           <button
             aria-pressed="false"
-            class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-middleButton css-v490uh-MuiButtonBase-root-MuiToggleButton-root"
+            class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-middleButton css-w4gp61-MuiButtonBase-root-MuiToggleButton-root"
             tabindex="0"
             type="button"
             value="zoom-out"
           >
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
               data-testid="ZoomOutIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -291,7 +291,7 @@ exports[`Board renders Board 1`] = `
           </button>
           <button
             aria-pressed="false"
-            class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-middleButton css-v490uh-MuiButtonBase-root-MuiToggleButton-root"
+            class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-middleButton css-w4gp61-MuiButtonBase-root-MuiToggleButton-root"
             tabindex="0"
             type="button"
             value="download-image"
@@ -299,7 +299,7 @@ exports[`Board renders Board 1`] = `
             <svg
               aria-hidden="true"
               aria-label="Download as image"
-              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
               data-mui-internal-clone-element="true"
               data-testid="ScreenshotMonitorIcon"
               focusable="false"
@@ -316,7 +316,7 @@ exports[`Board renders Board 1`] = `
           </button>
           <button
             aria-pressed="true"
-            class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root Mui-selected MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-lastButton css-v490uh-MuiButtonBase-root-MuiToggleButton-root"
+            class="MuiButtonBase-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-root Mui-selected MuiToggleButton-sizeMedium MuiToggleButton-primary MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButtonGroup-lastButton css-w4gp61-MuiButtonBase-root-MuiToggleButton-root"
             tabindex="0"
             type="button"
             value="validate-model"
@@ -324,7 +324,7 @@ exports[`Board renders Board 1`] = `
             <svg
               aria-hidden="true"
               aria-label="Check the quality of your model"
-              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
               data-mui-internal-clone-element="true"
               data-testid="FactCheckIcon"
               focusable="false"
diff --git a/app/src/components/navbar/__snapshots__/Navbar.spec.js.snap b/app/src/components/navbar/__snapshots__/Navbar.spec.js.snap
index d9dd5ff8..d627dee7 100644
--- a/app/src/components/navbar/__snapshots__/Navbar.spec.js.snap
+++ b/app/src/components/navbar/__snapshots__/Navbar.spec.js.snap
@@ -6,14 +6,14 @@ exports[`Navbar renders Navbar 1`] = `
   "baseElement": <body>
     <div>
       <header
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation4 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionSticky css-10ihhip-MuiPaper-root-MuiAppBar-root"
+        class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation4 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionSticky css-179nb9-MuiPaper-root-MuiAppBar-root"
         style="--Paper-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);"
       >
         <div
-          class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-g2lhah-MuiToolbar-root"
+          class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-2bfh49-MuiToolbar-root"
         >
           <a
-            class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-7xd7a7-MuiButtonBase-root-MuiButton-root"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-15jmqrw-MuiButtonBase-root-MuiButton-root"
             href="/"
             tabindex="0"
           >
@@ -24,12 +24,12 @@ exports[`Navbar renders Navbar 1`] = `
               style="padding-right: 5px; margin-right: 5px;"
             />
             <span
-              class="MuiTypography-root MuiTypography-h5 MuiTypography-noWrap css-xampid-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-h5 MuiTypography-noWrap css-ry4zf9-MuiTypography-root"
             >
               g
             </span>
             <span
-              class="MuiTypography-root MuiTypography-h5 MuiTypography-noWrap css-nwtk18-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-h5 MuiTypography-noWrap css-5jhd90-MuiTypography-root"
             >
               ram
             </span>
@@ -42,7 +42,7 @@ exports[`Navbar renders Navbar 1`] = `
             >
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
                 data-testid="SearchIcon"
                 focusable="false"
                 viewBox="0 0 24 24"
@@ -53,11 +53,11 @@ exports[`Navbar renders Navbar 1`] = `
               </svg>
             </div>
             <div
-              class="MuiInputBase-root MuiInputBase-colorPrimary css-mrund8-MuiInputBase-root"
+              class="MuiInputBase-root MuiInputBase-colorPrimary css-18dj9mr-MuiInputBase-root"
             >
               <input
                 aria-label="search"
-                class="MuiInputBase-input css-1jrstcx-MuiInputBase-input"
+                class="MuiInputBase-input css-yimnyd-MuiInputBase-input"
                 placeholder="Search …"
                 type="text"
                 value=""
@@ -68,17 +68,17 @@ exports[`Navbar renders Navbar 1`] = `
             class="MuiBox-root css-15zye3l"
           >
             <span
-              class="MuiBadge-root css-1c32n2y-MuiBadge-root"
+              class="MuiBadge-root css-63ezxx-MuiBadge-root"
             >
               <a
-                class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-ep8q7d-MuiButtonBase-root-MuiButton-root"
+                class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-n10le1-MuiButtonBase-root-MuiButton-root"
                 href="/models"
                 tabindex="0"
               >
                 My Models
               </a>
               <span
-                class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular MuiBadge-colorPrimary css-17nzg7o-MuiBadge-badge"
+                class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular MuiBadge-colorPrimary css-14icvz0-MuiBadge-badge"
               />
             </span>
           </div>
@@ -86,16 +86,16 @@ exports[`Navbar renders Navbar 1`] = `
             class="MuiBox-root css-2uchni"
           >
             <button
-              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-1wdfv0v-MuiButtonBase-root-MuiIconButton-root"
+              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-19x6vip-MuiButtonBase-root-MuiIconButton-root"
               tabindex="0"
               type="button"
             >
               <div
-                class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault css-17o22dy-MuiAvatar-root"
+                class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault css-18k2bs-MuiAvatar-root"
               >
                 <svg
                   aria-hidden="true"
-                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-90uhd3-MuiSvgIcon-root-MuiAvatar-fallback"
+                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-1mo2pzk-MuiSvgIcon-root-MuiAvatar-fallback"
                   data-testid="PersonIcon"
                   focusable="false"
                   viewBox="0 0 24 24"
@@ -112,13 +112,13 @@ exports[`Navbar renders Navbar 1`] = `
     </div>
     <div
       aria-hidden="true"
-      class="MuiPopover-root MuiMenu-root MuiModal-root MuiModal-hidden css-1vtelty-MuiModal-root-MuiPopover-root-MuiMenu-root"
+      class="MuiPopover-root MuiMenu-root MuiModal-root MuiModal-hidden css-w0u4eq-MuiModal-root-MuiPopover-root-MuiMenu-root"
       id="menu-appbar"
       role="presentation"
     >
       <div
         aria-hidden="true"
-        class="MuiBackdrop-root MuiBackdrop-invisible MuiModal-backdrop css-1hqw972-MuiBackdrop-root-MuiModal-backdrop"
+        class="MuiBackdrop-root MuiBackdrop-invisible MuiModal-backdrop css-vl6bb4-MuiBackdrop-root-MuiModal-backdrop"
         style="opacity: 0; visibility: hidden;"
       />
       <div
@@ -126,22 +126,22 @@ exports[`Navbar renders Navbar 1`] = `
         tabindex="-1"
       />
       <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiPopover-paper MuiMenu-paper MuiMenu-paper css-1xomo8h-MuiPaper-root-MuiPopover-paper-MuiMenu-paper"
+        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiPopover-paper MuiMenu-paper MuiMenu-paper css-1tktgsa-MuiPaper-root-MuiPopover-paper-MuiMenu-paper"
         style="--Paper-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;"
         tabindex="-1"
       >
         <ul
-          class="MuiList-root MuiList-padding MuiMenu-list css-99wn1p-MuiList-root-MuiMenu-list"
+          class="MuiList-root MuiList-padding MuiMenu-list css-1toxriw-MuiList-root-MuiMenu-list"
           role="menu"
           tabindex="-1"
         >
           <li
-            class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-1h4bzp1-MuiButtonBase-root-MuiMenuItem-root"
+            class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-1rju2q6-MuiButtonBase-root-MuiMenuItem-root"
             role="menuitem"
             tabindex="0"
           >
             <p
-              class="MuiTypography-root MuiTypography-body1 css-1699v82-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 css-1xrrpwr-MuiTypography-root"
             >
               Logout
             </p>
@@ -156,14 +156,14 @@ exports[`Navbar renders Navbar 1`] = `
   </body>,
   "container": <div>
     <header
-      class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation4 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionSticky css-10ihhip-MuiPaper-root-MuiAppBar-root"
+      class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation4 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionSticky css-179nb9-MuiPaper-root-MuiAppBar-root"
       style="--Paper-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);"
     >
       <div
-        class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-g2lhah-MuiToolbar-root"
+        class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-2bfh49-MuiToolbar-root"
       >
         <a
-          class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-7xd7a7-MuiButtonBase-root-MuiButton-root"
+          class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-15jmqrw-MuiButtonBase-root-MuiButton-root"
           href="/"
           tabindex="0"
         >
@@ -174,12 +174,12 @@ exports[`Navbar renders Navbar 1`] = `
             style="padding-right: 5px; margin-right: 5px;"
           />
           <span
-            class="MuiTypography-root MuiTypography-h5 MuiTypography-noWrap css-xampid-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-h5 MuiTypography-noWrap css-ry4zf9-MuiTypography-root"
           >
             g
           </span>
           <span
-            class="MuiTypography-root MuiTypography-h5 MuiTypography-noWrap css-nwtk18-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-h5 MuiTypography-noWrap css-5jhd90-MuiTypography-root"
           >
             ram
           </span>
@@ -192,7 +192,7 @@ exports[`Navbar renders Navbar 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
               data-testid="SearchIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -203,11 +203,11 @@ exports[`Navbar renders Navbar 1`] = `
             </svg>
           </div>
           <div
-            class="MuiInputBase-root MuiInputBase-colorPrimary css-mrund8-MuiInputBase-root"
+            class="MuiInputBase-root MuiInputBase-colorPrimary css-18dj9mr-MuiInputBase-root"
           >
             <input
               aria-label="search"
-              class="MuiInputBase-input css-1jrstcx-MuiInputBase-input"
+              class="MuiInputBase-input css-yimnyd-MuiInputBase-input"
               placeholder="Search …"
               type="text"
               value=""
@@ -218,17 +218,17 @@ exports[`Navbar renders Navbar 1`] = `
           class="MuiBox-root css-15zye3l"
         >
           <span
-            class="MuiBadge-root css-1c32n2y-MuiBadge-root"
+            class="MuiBadge-root css-63ezxx-MuiBadge-root"
           >
             <a
-              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-ep8q7d-MuiButtonBase-root-MuiButton-root"
+              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-n10le1-MuiButtonBase-root-MuiButton-root"
               href="/models"
               tabindex="0"
             >
               My Models
             </a>
             <span
-              class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular MuiBadge-colorPrimary css-17nzg7o-MuiBadge-badge"
+              class="MuiBadge-badge MuiBadge-standard MuiBadge-invisible MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightCircular MuiBadge-overlapCircular MuiBadge-colorPrimary css-14icvz0-MuiBadge-badge"
             />
           </span>
         </div>
@@ -236,16 +236,16 @@ exports[`Navbar renders Navbar 1`] = `
           class="MuiBox-root css-2uchni"
         >
           <button
-            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-1wdfv0v-MuiButtonBase-root-MuiIconButton-root"
+            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-19x6vip-MuiButtonBase-root-MuiIconButton-root"
             tabindex="0"
             type="button"
           >
             <div
-              class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault css-17o22dy-MuiAvatar-root"
+              class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault css-18k2bs-MuiAvatar-root"
             >
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-90uhd3-MuiSvgIcon-root-MuiAvatar-fallback"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-1mo2pzk-MuiSvgIcon-root-MuiAvatar-fallback"
                 data-testid="PersonIcon"
                 focusable="false"
                 viewBox="0 0 24 24"
diff --git a/app/src/components/search/__snapshots__/SearchPage.spec.js.snap b/app/src/components/search/__snapshots__/SearchPage.spec.js.snap
index 15798a6f..72859f6c 100644
--- a/app/src/components/search/__snapshots__/SearchPage.spec.js.snap
+++ b/app/src/components/search/__snapshots__/SearchPage.spec.js.snap
@@ -6,17 +6,17 @@ exports[`Search renders Search 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 css-1qi6pw9-MuiGrid2-root"
+        class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 css-imdfze-MuiGrid2-root"
       >
         <div
-          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1l4o99g-MuiPaper-root-MuiCard-root"
+          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-ckzihm-MuiPaper-root-MuiCard-root"
           style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
         >
           <div
-            class="MuiCardContent-root css-46bh2p-MuiCardContent-root"
+            class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
           >
             <h5
-              class="MuiTypography-root MuiTypography-h5 css-ku7d13-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-h5 css-16xl4zq-MuiTypography-root"
             >
               Search results for "
               
@@ -26,7 +26,7 @@ exports[`Search renders Search 1`] = `
         </div>
         <br />
         <hr
-          class="MuiDivider-root MuiDivider-fullWidth css-9mgopn-MuiDivider-root"
+          class="MuiDivider-root MuiDivider-fullWidth css-1jpc804-MuiDivider-root"
         />
         <br />
         <div
@@ -42,17 +42,17 @@ exports[`Search renders Search 1`] = `
   </body>,
   "container": <div>
     <div
-      class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 css-1qi6pw9-MuiGrid2-root"
+      class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 css-imdfze-MuiGrid2-root"
     >
       <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1l4o99g-MuiPaper-root-MuiCard-root"
+        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-ckzihm-MuiPaper-root-MuiCard-root"
         style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
       >
         <div
-          class="MuiCardContent-root css-46bh2p-MuiCardContent-root"
+          class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
         >
           <h5
-            class="MuiTypography-root MuiTypography-h5 css-ku7d13-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-h5 css-16xl4zq-MuiTypography-root"
           >
             Search results for "
             
@@ -62,7 +62,7 @@ exports[`Search renders Search 1`] = `
       </div>
       <br />
       <hr
-        class="MuiDivider-root MuiDivider-fullWidth css-9mgopn-MuiDivider-root"
+        class="MuiDivider-root MuiDivider-fullWidth css-1jpc804-MuiDivider-root"
       />
       <br />
       <div
diff --git a/app/src/components/user-models/UserModels/__snapshots__/UserModels.spec.js.snap b/app/src/components/user-models/UserModels/__snapshots__/UserModels.spec.js.snap
index de71f9e4..b496e103 100644
--- a/app/src/components/user-models/UserModels/__snapshots__/UserModels.spec.js.snap
+++ b/app/src/components/user-models/UserModels/__snapshots__/UserModels.spec.js.snap
@@ -6,18 +6,18 @@ exports[`UserModels renders 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 css-1qi6pw9-MuiGrid2-root"
+        class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 css-imdfze-MuiGrid2-root"
       >
         <div
-          class="MuiGrid2-root MuiGrid2-direction-xs-row MuiGrid2-grid-xs-6 css-16po66n-MuiGrid2-root"
+          class="MuiGrid2-root MuiGrid2-direction-xs-row MuiGrid2-grid-xs-6 css-ticvdu-MuiGrid2-root"
         >
           <h5
-            class="MuiTypography-root MuiTypography-h5 css-ku7d13-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-h5 css-16xl4zq-MuiTypography-root"
           >
             Your Models
           </h5>
           <p
-            class="MuiTypography-root MuiTypography-body1 dimmed css-1edfpdg-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 dimmed css-rizt0-MuiTypography-root"
           >
             These models are bound to your account and not bound to a specific system.
           </p>
@@ -29,7 +29,7 @@ exports[`UserModels renders 1`] = `
               href="/model/new"
             >
               <button
-                class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-b4yaxo-MuiButtonBase-root-MuiButton-root"
+                class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-1btmbba-MuiButtonBase-root-MuiButton-root"
                 tabindex="0"
                 type="button"
               >
@@ -39,14 +39,14 @@ exports[`UserModels renders 1`] = `
           </div>
           <br />
           <hr
-            class="MuiDivider-root MuiDivider-fullWidth css-9mgopn-MuiDivider-root"
+            class="MuiDivider-root MuiDivider-fullWidth css-1jpc804-MuiDivider-root"
           />
           <div
-            class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1pyfb4v-MuiPaper-root-MuiCard-root"
+            class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1eg0ry7-MuiPaper-root-MuiCard-root"
             style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
           >
             <div
-              class="MuiCardContent-root css-46bh2p-MuiCardContent-root"
+              class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
             >
               <div
                 class="loading"
@@ -57,13 +57,13 @@ exports[`UserModels renders 1`] = `
                 <div />
               </div>
               <ul
-                class="MuiList-root MuiList-padding css-1u169s7-MuiList-root"
+                class="MuiList-root MuiList-padding css-b7dj7n-MuiList-root"
               >
                 <div
-                  class="MuiListItemText-root css-1y2w5y4-MuiListItemText-root"
+                  class="MuiListItemText-root css-cfq8qh-MuiListItemText-root"
                 >
                   <span
-                    class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-1edfpdg-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-rizt0-MuiTypography-root"
                   >
                     No models exist
                   </span>
@@ -77,18 +77,18 @@ exports[`UserModels renders 1`] = `
   </body>,
   "container": <div>
     <div
-      class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 css-1qi6pw9-MuiGrid2-root"
+      class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 css-imdfze-MuiGrid2-root"
     >
       <div
-        class="MuiGrid2-root MuiGrid2-direction-xs-row MuiGrid2-grid-xs-6 css-16po66n-MuiGrid2-root"
+        class="MuiGrid2-root MuiGrid2-direction-xs-row MuiGrid2-grid-xs-6 css-ticvdu-MuiGrid2-root"
       >
         <h5
-          class="MuiTypography-root MuiTypography-h5 css-ku7d13-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-h5 css-16xl4zq-MuiTypography-root"
         >
           Your Models
         </h5>
         <p
-          class="MuiTypography-root MuiTypography-body1 dimmed css-1edfpdg-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 dimmed css-rizt0-MuiTypography-root"
         >
           These models are bound to your account and not bound to a specific system.
         </p>
@@ -100,7 +100,7 @@ exports[`UserModels renders 1`] = `
             href="/model/new"
           >
             <button
-              class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-b4yaxo-MuiButtonBase-root-MuiButton-root"
+              class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-1btmbba-MuiButtonBase-root-MuiButton-root"
               tabindex="0"
               type="button"
             >
@@ -110,14 +110,14 @@ exports[`UserModels renders 1`] = `
         </div>
         <br />
         <hr
-          class="MuiDivider-root MuiDivider-fullWidth css-9mgopn-MuiDivider-root"
+          class="MuiDivider-root MuiDivider-fullWidth css-1jpc804-MuiDivider-root"
         />
         <div
-          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1pyfb4v-MuiPaper-root-MuiCard-root"
+          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1eg0ry7-MuiPaper-root-MuiCard-root"
           style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
         >
           <div
-            class="MuiCardContent-root css-46bh2p-MuiCardContent-root"
+            class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
           >
             <div
               class="loading"
@@ -128,13 +128,13 @@ exports[`UserModels renders 1`] = `
               <div />
             </div>
             <ul
-              class="MuiList-root MuiList-padding css-1u169s7-MuiList-root"
+              class="MuiList-root MuiList-padding css-b7dj7n-MuiList-root"
             >
               <div
-                class="MuiListItemText-root css-1y2w5y4-MuiListItemText-root"
+                class="MuiListItemText-root css-cfq8qh-MuiListItemText-root"
               >
                 <span
-                  class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-1edfpdg-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-rizt0-MuiTypography-root"
                 >
                   No models exist
                 </span>
