From 601063039999448897abab2e33bfd40c41a0d126 Mon Sep 17 00:00:00 2001
From: jameslu-e4s <james.lu@encoura.org>
Date: Tue, 9 Jan 2024 07:56:24 -0800
Subject: [PATCH] chore: Update snapshots

---
 .../Alert/__snapshots__/index.test.tsx.snap   |  4 +-
 .../__snapshots__/index.test.tsx.snap         |  4 +-
 .../__snapshots__/index.test.tsx.snap         | 72 +++++++++----------
 .../__snapshots__/index.test.tsx.snap         |  4 +-
 .../__snapshots__/index.test.tsx.snap         |  2 +-
 .../__snapshots__/index.test.tsx.snap         |  4 +-
 .../__snapshots__/index.test.tsx.snap         |  2 +-
 .../__snapshots__/index.test.tsx.snap         |  6 +-
 .../__snapshots__/index.test.tsx.snap         |  4 +-
 .../__snapshots__/index.test.tsx.snap         |  2 +-
 .../__snapshots__/index.test.tsx.snap         | 12 ++--
 .../__snapshots__/index.test.tsx.snap         |  2 +-
 .../Loading/__snapshots__/index.test.tsx.snap |  4 ++
 .../__snapshots__/index.test.tsx.snap         |  2 +-
 .../__snapshots__/index.test.tsx.snap         |  2 +-
 .../__snapshots__/index.test.tsx.snap         |  4 +-
 .../__snapshots__/index.test.tsx.snap         |  2 +-
 .../__snapshots__/index.test.tsx.snap         |  2 +-
 .../__snapshots__/index.test.tsx.snap         |  2 +-
 .../Select/__snapshots__/index.test.tsx.snap  |  2 +-
 .../Slider/__snapshots__/index.test.tsx.snap  |  2 +-
 .../__snapshots__/index.test.tsx.snap         |  4 +-
 22 files changed, 74 insertions(+), 70 deletions(-)

diff --git a/src/components/Alert/__snapshots__/index.test.tsx.snap b/src/components/Alert/__snapshots__/index.test.tsx.snap
index e7603f694..c8f7979bd 100644
--- a/src/components/Alert/__snapshots__/index.test.tsx.snap
+++ b/src/components/Alert/__snapshots__/index.test.tsx.snap
@@ -108,7 +108,7 @@ exports[`Alert ENCOURA_CLASSIC theme matches the snapshot 1`] = `
 exports[`Alert ENCOURAGE theme matches the snapshot 1`] = `
 <div>
   <div
-    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardInfo MuiAlert-standard css-cpfl3m-MuiPaper-root-MuiAlert-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardInfo MuiAlert-standard css-hn9mcr-MuiPaper-root-MuiAlert-root"
     role="alert"
   >
     <div
@@ -130,7 +130,7 @@ exports[`Alert ENCOURAGE theme matches the snapshot 1`] = `
       class="MuiAlert-message css-1pxa9xg-MuiAlert-message"
     >
       <div
-        class="MuiTypography-root MuiTypography-body1 MuiTypography-gutterBottom MuiAlertTitle-root css-1pufft8-MuiTypography-root-MuiAlertTitle-root"
+        class="MuiTypography-root MuiTypography-body1 MuiTypography-gutterBottom MuiAlertTitle-root css-12c2kfp-MuiTypography-root-MuiAlertTitle-root"
       >
         Title Here
       </div>
diff --git a/src/components/AppBarNavigation/__snapshots__/index.test.tsx.snap b/src/components/AppBarNavigation/__snapshots__/index.test.tsx.snap
index f883f8c10..fc772ce74 100644
--- a/src/components/AppBarNavigation/__snapshots__/index.test.tsx.snap
+++ b/src/components/AppBarNavigation/__snapshots__/index.test.tsx.snap
@@ -183,7 +183,7 @@ exports[`AppBarNavigation ENCOURAGE theme matches the snapshot 1`] = `
           to="#"
         >
           <p
-            class="MuiTypography-root MuiTypography-body1 css-1s8n9o2-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 css-cfa2e9-MuiTypography-root"
           >
             Home
           </p>
@@ -197,7 +197,7 @@ exports[`AppBarNavigation ENCOURAGE theme matches the snapshot 1`] = `
           to="#"
         >
           <p
-            class="MuiTypography-root MuiTypography-body1 css-44715f-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 css-15amwzl-MuiTypography-root"
           >
             Other Page
           </p>
diff --git a/src/components/DataTable/__snapshots__/index.test.tsx.snap b/src/components/DataTable/__snapshots__/index.test.tsx.snap
index 4c437fa54..542e5b31f 100644
--- a/src/components/DataTable/__snapshots__/index.test.tsx.snap
+++ b/src/components/DataTable/__snapshots__/index.test.tsx.snap
@@ -1179,7 +1179,7 @@ exports[`DataTable ENCOURAGE theme matches the snapshot 1`] = `
     class="MuiTableContainer-root css-rorn0c-MuiTableContainer-root"
   >
     <table
-      class="MuiTable-root css-11wan23-MuiTable-root"
+      class="MuiTable-root css-piv1z5-MuiTable-root"
     >
       <thead
         class="MuiTableHead-root css-15wwp11-MuiTableHead-root"
@@ -1188,12 +1188,12 @@ exports[`DataTable ENCOURAGE theme matches the snapshot 1`] = `
           class="MuiTableRow-root MuiTableRow-head css-1kuw6lo-MuiTableRow-root"
         >
           <td
-            class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-1r69k76-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-1obiw2h-MuiTableCell-root"
             color="default"
             style="width: 50px;"
           >
             <p
-              class="MuiTypography-root MuiTypography-body1 css-1xw3xkx-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 css-1vzdnxj-MuiTypography-root"
             >
               ID
             </p>
@@ -1228,12 +1228,12 @@ exports[`DataTable ENCOURAGE theme matches the snapshot 1`] = `
             </div>
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-mykn97-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-1seqe9f-MuiTableCell-root"
             color="default"
             style="width: 100px;"
           >
             <p
-              class="MuiTypography-root MuiTypography-body1 css-1xw3xkx-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 css-1vzdnxj-MuiTypography-root"
             >
               Name
             </p>
@@ -1267,12 +1267,12 @@ exports[`DataTable ENCOURAGE theme matches the snapshot 1`] = `
             </div>
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-mykn97-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-1seqe9f-MuiTableCell-root"
             color="default"
             style="width: 100px;"
           >
             <p
-              class="MuiTypography-root MuiTypography-body1 css-1xw3xkx-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 css-1vzdnxj-MuiTypography-root"
             >
               Field A
             </p>
@@ -1306,12 +1306,12 @@ exports[`DataTable ENCOURAGE theme matches the snapshot 1`] = `
             </div>
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-mykn97-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-1seqe9f-MuiTableCell-root"
             color="default"
             style="width: 100px;"
           >
             <p
-              class="MuiTypography-root MuiTypography-body1 css-1xw3xkx-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 css-1vzdnxj-MuiTypography-root"
             >
               Field B
             </p>
@@ -1345,12 +1345,12 @@ exports[`DataTable ENCOURAGE theme matches the snapshot 1`] = `
             </div>
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-mykn97-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-1seqe9f-MuiTableCell-root"
             color="default"
             style="width: 100px;"
           >
             <p
-              class="MuiTypography-root MuiTypography-body1 css-1xw3xkx-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 css-1vzdnxj-MuiTypography-root"
             >
               Field C
             </p>
@@ -1392,31 +1392,31 @@ exports[`DataTable ENCOURAGE theme matches the snapshot 1`] = `
           class="MuiTableRow-root MuiTableRow-hover css-1kuw6lo-MuiTableRow-root"
         >
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 50px;"
           >
             1
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Item 1
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field A1
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field B1
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field C1
@@ -1426,31 +1426,31 @@ exports[`DataTable ENCOURAGE theme matches the snapshot 1`] = `
           class="MuiTableRow-root MuiTableRow-hover css-1kuw6lo-MuiTableRow-root"
         >
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 50px;"
           >
             2
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Item 2
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field A2
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field B2
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field C2
@@ -1460,31 +1460,31 @@ exports[`DataTable ENCOURAGE theme matches the snapshot 1`] = `
           class="MuiTableRow-root MuiTableRow-hover css-1kuw6lo-MuiTableRow-root"
         >
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 50px;"
           >
             3
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Item 3
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field A3
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field B3
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field C3
@@ -1494,31 +1494,31 @@ exports[`DataTable ENCOURAGE theme matches the snapshot 1`] = `
           class="MuiTableRow-root MuiTableRow-hover css-1kuw6lo-MuiTableRow-root"
         >
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 50px;"
           >
             4
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Item 4
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field A4
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field B4
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field C4
@@ -1528,31 +1528,31 @@ exports[`DataTable ENCOURAGE theme matches the snapshot 1`] = `
           class="MuiTableRow-root MuiTableRow-hover css-1kuw6lo-MuiTableRow-root"
         >
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 50px;"
           >
             5
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Item 5
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field A5
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field B5
           </td>
           <td
-            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-1sl1ij6-MuiTableCell-root"
+            class="MuiTableCell-root MuiTableCell-body MuiTableCell-paddingNone MuiTableCell-sizeMedium css-11d33hq-MuiTableCell-root"
             style="width: 100px;"
           >
             Field C5
diff --git a/src/components/EmptyState/__snapshots__/index.test.tsx.snap b/src/components/EmptyState/__snapshots__/index.test.tsx.snap
index 7eeb2d1ac..f5d1e056d 100644
--- a/src/components/EmptyState/__snapshots__/index.test.tsx.snap
+++ b/src/components/EmptyState/__snapshots__/index.test.tsx.snap
@@ -124,14 +124,14 @@ exports[`EmptyState ENCOURAGE theme matches the snapshot 1`] = `
         class="MuiGrid-root MuiGrid-item css-196vuex-MuiGrid-root"
       >
         <h6
-          class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter css-ii47vv-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter css-1j2m48k-MuiTypography-root"
         >
           Title
         </h6>
       </div>
     </div>
     <p
-      class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter css-1q1dllr-MuiTypography-root"
+      class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter css-x5qdqu-MuiTypography-root"
     >
       Description
     </p>
diff --git a/src/components/FormCheckbox/__snapshots__/index.test.tsx.snap b/src/components/FormCheckbox/__snapshots__/index.test.tsx.snap
index efd9abf5c..696aada86 100644
--- a/src/components/FormCheckbox/__snapshots__/index.test.tsx.snap
+++ b/src/components/FormCheckbox/__snapshots__/index.test.tsx.snap
@@ -160,7 +160,7 @@ exports[`FormCheckbox ENCOURAGE theme matches the snapshot 1`] = `
         />
       </span>
       <span
-        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-s6twv8-MuiTypography-root"
+        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-1wb5j2c-MuiTypography-root"
       >
         The label
       </span>
diff --git a/src/components/FormInput/__snapshots__/index.test.tsx.snap b/src/components/FormInput/__snapshots__/index.test.tsx.snap
index 907a5cb64..33af6f841 100644
--- a/src/components/FormInput/__snapshots__/index.test.tsx.snap
+++ b/src/components/FormInput/__snapshots__/index.test.tsx.snap
@@ -108,7 +108,7 @@ exports[`FormInput ENCOURAGE theme matches the snapshot 1`] = `
     class="MuiFormControl-root css-jayakb-MuiFormControl-root"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined css-j635u4-MuiFormLabel-root-MuiInputLabel-root"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined css-ubt8cq-MuiFormLabel-root-MuiInputLabel-root"
       data-shrink="true"
     >
       <div
@@ -122,7 +122,7 @@ exports[`FormInput ENCOURAGE theme matches the snapshot 1`] = `
       </div>
     </label>
     <div
-      class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-zr16f5-MuiInputBase-root-MuiInput-root"
+      class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-agsi1h-MuiInputBase-root-MuiInput-root"
     >
       <input
         aria-invalid="false"
diff --git a/src/components/FormRadio/__snapshots__/index.test.tsx.snap b/src/components/FormRadio/__snapshots__/index.test.tsx.snap
index 92463693a..b62f0b1fc 100644
--- a/src/components/FormRadio/__snapshots__/index.test.tsx.snap
+++ b/src/components/FormRadio/__snapshots__/index.test.tsx.snap
@@ -205,7 +205,7 @@ exports[`FormRadio ENCOURAGE theme matches the snapshot 1`] = `
       />
     </span>
     <span
-      class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-s6twv8-MuiTypography-root"
+      class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-1wb5j2c-MuiTypography-root"
     >
       The label
     </span>
diff --git a/src/components/FormRadioGroup/__snapshots__/index.test.tsx.snap b/src/components/FormRadioGroup/__snapshots__/index.test.tsx.snap
index c77566f3c..929b32d6d 100644
--- a/src/components/FormRadioGroup/__snapshots__/index.test.tsx.snap
+++ b/src/components/FormRadioGroup/__snapshots__/index.test.tsx.snap
@@ -392,7 +392,7 @@ exports[`FormRadioGroup ENCOURAGE theme matches the snapshot 1`] = `
     class="MuiFormControl-root css-jayakb-MuiFormControl-root"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined css-1y8i3v8-MuiFormLabel-root-MuiInputLabel-root"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined css-1p7hmli-MuiFormLabel-root-MuiInputLabel-root"
       data-shrink="false"
     >
       <div
@@ -455,7 +455,7 @@ exports[`FormRadioGroup ENCOURAGE theme matches the snapshot 1`] = `
           />
         </span>
         <span
-          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-s6twv8-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-1wb5j2c-MuiTypography-root"
         >
           one
         </span>
@@ -504,7 +504,7 @@ exports[`FormRadioGroup ENCOURAGE theme matches the snapshot 1`] = `
           />
         </span>
         <span
-          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-s6twv8-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-1wb5j2c-MuiTypography-root"
         >
           two
         </span>
diff --git a/src/components/FormSelect/__snapshots__/index.test.tsx.snap b/src/components/FormSelect/__snapshots__/index.test.tsx.snap
index 51ea8b709..56dcf7a30 100644
--- a/src/components/FormSelect/__snapshots__/index.test.tsx.snap
+++ b/src/components/FormSelect/__snapshots__/index.test.tsx.snap
@@ -210,7 +210,7 @@ exports[`FormSelect ENCOURAGE theme matches the snapshot 1`] = `
     class="MuiFormControl-root css-jayakb-MuiFormControl-root"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined css-j635u4-MuiFormLabel-root-MuiInputLabel-root"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined css-ubt8cq-MuiFormLabel-root-MuiInputLabel-root"
       data-shrink="true"
     >
       <div
@@ -224,7 +224,7 @@ exports[`FormSelect ENCOURAGE theme matches the snapshot 1`] = `
       </div>
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  css-tocvox-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  css-1ony3wj-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root"
     >
       <div
         aria-expanded="false"
diff --git a/src/components/FormSwitch/__snapshots__/index.test.tsx.snap b/src/components/FormSwitch/__snapshots__/index.test.tsx.snap
index 29e096904..9436851c9 100644
--- a/src/components/FormSwitch/__snapshots__/index.test.tsx.snap
+++ b/src/components/FormSwitch/__snapshots__/index.test.tsx.snap
@@ -152,7 +152,7 @@ exports[`FormSwitch ENCOURAGE theme matches the snapshot 1`] = `
         />
       </span>
       <span
-        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-s6twv8-MuiTypography-root"
+        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-1wb5j2c-MuiTypography-root"
       >
         Form Switch Label
       </span>
diff --git a/src/components/GridGenerator/__snapshots__/index.test.tsx.snap b/src/components/GridGenerator/__snapshots__/index.test.tsx.snap
index f0e5a212c..aa6ecea76 100644
--- a/src/components/GridGenerator/__snapshots__/index.test.tsx.snap
+++ b/src/components/GridGenerator/__snapshots__/index.test.tsx.snap
@@ -372,7 +372,7 @@ exports[`GridGenerator ENCOURAGE theme matches the snapshot 1`] = `
         class="MuiFormControl-root css-jayakb-MuiFormControl-root"
       >
         <label
-          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined css-j635u4-MuiFormLabel-root-MuiInputLabel-root"
+          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined css-ubt8cq-MuiFormLabel-root-MuiInputLabel-root"
           data-shrink="true"
         >
           <div
@@ -389,7 +389,7 @@ exports[`GridGenerator ENCOURAGE theme matches the snapshot 1`] = `
           </div>
         </label>
         <div
-          class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-zr16f5-MuiInputBase-root-MuiInput-root"
+          class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-agsi1h-MuiInputBase-root-MuiInput-root"
           required=""
         >
           <input
@@ -410,7 +410,7 @@ exports[`GridGenerator ENCOURAGE theme matches the snapshot 1`] = `
         class="MuiFormControl-root css-jayakb-MuiFormControl-root"
       >
         <label
-          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined css-j635u4-MuiFormLabel-root-MuiInputLabel-root"
+          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined css-ubt8cq-MuiFormLabel-root-MuiInputLabel-root"
           data-shrink="true"
         >
           <div
@@ -427,7 +427,7 @@ exports[`GridGenerator ENCOURAGE theme matches the snapshot 1`] = `
           </div>
         </label>
         <div
-          class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-zr16f5-MuiInputBase-root-MuiInput-root"
+          class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-agsi1h-MuiInputBase-root-MuiInput-root"
           required=""
         >
           <input
@@ -452,7 +452,7 @@ exports[`GridGenerator ENCOURAGE theme matches the snapshot 1`] = `
         class="MuiFormControl-root css-jayakb-MuiFormControl-root"
       >
         <label
-          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined css-j635u4-MuiFormLabel-root-MuiInputLabel-root"
+          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined css-ubt8cq-MuiFormLabel-root-MuiInputLabel-root"
           data-shrink="true"
         >
           <div
@@ -464,7 +464,7 @@ exports[`GridGenerator ENCOURAGE theme matches the snapshot 1`] = `
           </div>
         </label>
         <div
-          class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-zr16f5-MuiInputBase-root-MuiInput-root"
+          class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-agsi1h-MuiInputBase-root-MuiInput-root"
         >
           <input
             aria-invalid="false"
diff --git a/src/components/InputLabel/__snapshots__/index.test.tsx.snap b/src/components/InputLabel/__snapshots__/index.test.tsx.snap
index fffec10c7..8f2c31e73 100644
--- a/src/components/InputLabel/__snapshots__/index.test.tsx.snap
+++ b/src/components/InputLabel/__snapshots__/index.test.tsx.snap
@@ -72,7 +72,7 @@ exports[`InputLabel ENCOURA_CLASSIC theme matches the snapshot 1`] = `
 exports[`InputLabel ENCOURAGE theme matches the snapshot 1`] = `
 <div>
   <label
-    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-1vg3f21-MuiFormLabel-root-MuiInputLabel-root"
+    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-tyjz3o-MuiFormLabel-root-MuiInputLabel-root"
   >
     <div
       class="label-split"
diff --git a/src/components/Loading/__snapshots__/index.test.tsx.snap b/src/components/Loading/__snapshots__/index.test.tsx.snap
index 0242245bf..f2f521427 100644
--- a/src/components/Loading/__snapshots__/index.test.tsx.snap
+++ b/src/components/Loading/__snapshots__/index.test.tsx.snap
@@ -5,6 +5,7 @@ exports[`Loading ACT theme matches the snapshot 1`] = `
   <div
     aria-label="Loading..."
     class="css-1hnxvz3"
+    data-chromatic="ignore"
     data-testid="loading"
   >
     <span
@@ -41,6 +42,7 @@ exports[`Loading ACT_ET theme matches the snapshot 1`] = `
   <div
     aria-label="Loading..."
     class="css-1hnxvz3"
+    data-chromatic="ignore"
     data-testid="loading"
   >
     <span
@@ -77,6 +79,7 @@ exports[`Loading ENCOURA_CLASSIC theme matches the snapshot 1`] = `
   <div
     aria-label="Loading..."
     class="css-1hnxvz3"
+    data-chromatic="ignore"
     data-testid="loading"
   >
     <span
@@ -113,6 +116,7 @@ exports[`Loading ENCOURAGE theme matches the snapshot 1`] = `
   <div
     aria-label="Loading..."
     class="css-1hnxvz3"
+    data-chromatic="ignore"
     data-testid="loading"
   >
     <span
diff --git a/src/components/SearchBar/__snapshots__/index.test.tsx.snap b/src/components/SearchBar/__snapshots__/index.test.tsx.snap
index 40f9e8324..ab0cad46b 100644
--- a/src/components/SearchBar/__snapshots__/index.test.tsx.snap
+++ b/src/components/SearchBar/__snapshots__/index.test.tsx.snap
@@ -229,7 +229,7 @@ exports[`SearchBar ENCOURA_CLASSIC theme matches the snapshot 1`] = `
 exports[`SearchBar ENCOURAGE theme matches the snapshot 1`] = `
 <div>
   <div
-    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-adornedStart MuiInputBase-adornedEnd css-cvhxg6-MuiInputBase-root-MuiOutlinedInput-root"
+    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-adornedStart MuiInputBase-adornedEnd css-dqgb29-MuiInputBase-root-MuiOutlinedInput-root"
   >
     <div
       class="MuiInputAdornment-root MuiInputAdornment-positionStart css-1mdz9fv-MuiInputAdornment-root"
diff --git a/src/components/TablePaginationActions/__snapshots__/index.test.tsx.snap b/src/components/TablePaginationActions/__snapshots__/index.test.tsx.snap
index 2a030836a..d5a83e200 100644
--- a/src/components/TablePaginationActions/__snapshots__/index.test.tsx.snap
+++ b/src/components/TablePaginationActions/__snapshots__/index.test.tsx.snap
@@ -572,7 +572,7 @@ exports[`TablePaginationActions ENCOURAGE theme matches the snapshot 1`] = `
         class="MuiFormControl-root MuiTextField-root css-v62dum-MuiFormControl-root-MuiTextField-root"
       >
         <div
-          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-14yq8mk-MuiInputBase-root-MuiOutlinedInput-root"
+          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-1ud848n-MuiInputBase-root-MuiOutlinedInput-root"
         >
           <div
             aria-expanded="false"
diff --git a/src/components/_muiCore/Autocomplete/__snapshots__/index.test.tsx.snap b/src/components/_muiCore/Autocomplete/__snapshots__/index.test.tsx.snap
index 35e70224c..cfa707bac 100644
--- a/src/components/_muiCore/Autocomplete/__snapshots__/index.test.tsx.snap
+++ b/src/components/_muiCore/Autocomplete/__snapshots__/index.test.tsx.snap
@@ -238,7 +238,7 @@ exports[`Autocomplete ENCOURAGE theme matches the snapshot 1`] = `
       class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-jbymjm-MuiFormControl-root-MuiTextField-root"
     >
       <label
-        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeSmall MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeSmall MuiInputLabel-outlined css-ankswp-MuiFormLabel-root-MuiInputLabel-root"
+        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeSmall MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeSmall MuiInputLabel-outlined css-1j7jrl4-MuiFormLabel-root-MuiInputLabel-root"
         data-shrink="false"
         for="combo-box-demo"
         id="combo-box-demo-label"
@@ -246,7 +246,7 @@ exports[`Autocomplete ENCOURAGE theme matches the snapshot 1`] = `
         Movie
       </label>
       <div
-        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-2d7hsp-MuiInputBase-root-MuiOutlinedInput-root"
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-17ru8ae-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
           aria-autocomplete="list"
diff --git a/src/components/_muiCore/DialogContentText/__snapshots__/index.test.tsx.snap b/src/components/_muiCore/DialogContentText/__snapshots__/index.test.tsx.snap
index f68bbf16c..63c4a4934 100644
--- a/src/components/_muiCore/DialogContentText/__snapshots__/index.test.tsx.snap
+++ b/src/components/_muiCore/DialogContentText/__snapshots__/index.test.tsx.snap
@@ -33,7 +33,7 @@ exports[`DialogContentText ENCOURA_CLASSIC theme matches the snapshot 1`] = `
 exports[`DialogContentText ENCOURAGE theme matches the snapshot 1`] = `
 <div>
   <p
-    class="MuiTypography-root MuiDialogContentText-root MuiTypography-body1 MuiDialogContentText-root css-7ignk5-MuiTypography-root-MuiDialogContentText-root"
+    class="MuiTypography-root MuiDialogContentText-root MuiTypography-body1 MuiDialogContentText-root css-115t1wv-MuiTypography-root-MuiDialogContentText-root"
   >
     Hey
   </p>
diff --git a/src/components/_muiCore/DialogTitle/__snapshots__/index.test.tsx.snap b/src/components/_muiCore/DialogTitle/__snapshots__/index.test.tsx.snap
index 96e458428..938c30ca6 100644
--- a/src/components/_muiCore/DialogTitle/__snapshots__/index.test.tsx.snap
+++ b/src/components/_muiCore/DialogTitle/__snapshots__/index.test.tsx.snap
@@ -33,7 +33,7 @@ exports[`DialogTitle ENCOURA_CLASSIC theme matches the snapshot 1`] = `
 exports[`DialogTitle ENCOURAGE theme matches the snapshot 1`] = `
 <div>
   <h2
-    class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-1r3hdqc-MuiTypography-root-MuiDialogTitle-root"
+    class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-32tdz6-MuiTypography-root-MuiDialogTitle-root"
   >
     Hey
   </h2>
diff --git a/src/components/_muiCore/OutlinedInput/__snapshots__/index.test.tsx.snap b/src/components/_muiCore/OutlinedInput/__snapshots__/index.test.tsx.snap
index 0d84d246a..0fb85bb07 100644
--- a/src/components/_muiCore/OutlinedInput/__snapshots__/index.test.tsx.snap
+++ b/src/components/_muiCore/OutlinedInput/__snapshots__/index.test.tsx.snap
@@ -87,7 +87,7 @@ exports[`OutlinedInput ENCOURA_CLASSIC theme matches the snapshot 1`] = `
 exports[`OutlinedInput ENCOURAGE theme matches the snapshot 1`] = `
 <div>
   <div
-    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-14yq8mk-MuiInputBase-root-MuiOutlinedInput-root"
+    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-1ud848n-MuiInputBase-root-MuiOutlinedInput-root"
   >
     <input
       class="MuiInputBase-input MuiOutlinedInput-input css-jaerwt-MuiInputBase-input-MuiOutlinedInput-input"
diff --git a/src/components/_muiCore/Select/__snapshots__/index.test.tsx.snap b/src/components/_muiCore/Select/__snapshots__/index.test.tsx.snap
index 207fb5cc3..3e2a0639e 100644
--- a/src/components/_muiCore/Select/__snapshots__/index.test.tsx.snap
+++ b/src/components/_muiCore/Select/__snapshots__/index.test.tsx.snap
@@ -153,7 +153,7 @@ exports[`Select ENCOURA_CLASSIC theme matches the snapshot 1`] = `
 exports[`Select ENCOURAGE theme matches the snapshot 1`] = `
 <div>
   <div
-    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary  css-tocvox-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root"
+    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary  css-1ony3wj-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root"
   >
     <div
       aria-expanded="false"
diff --git a/src/components/_muiCore/Slider/__snapshots__/index.test.tsx.snap b/src/components/_muiCore/Slider/__snapshots__/index.test.tsx.snap
index 8f85a587d..e5a01236a 100644
--- a/src/components/_muiCore/Slider/__snapshots__/index.test.tsx.snap
+++ b/src/components/_muiCore/Slider/__snapshots__/index.test.tsx.snap
@@ -144,7 +144,7 @@ exports[`Slider ENCOURAGE theme matches the snapshot 1`] = `
     class="MuiFormControl-root css-jayakb-MuiFormControl-root"
   >
     <label
-      class="MuiFormLabel-root MuiFormLabel-colorPrimary css-iyee2q-MuiFormLabel-root"
+      class="MuiFormLabel-root MuiFormLabel-colorPrimary css-1nxp2hz-MuiFormLabel-root"
       id="slider-label"
     >
       Slider Label
diff --git a/src/components/_muiCore/TextField/__snapshots__/index.test.tsx.snap b/src/components/_muiCore/TextField/__snapshots__/index.test.tsx.snap
index 6549c71f5..3134b561a 100644
--- a/src/components/_muiCore/TextField/__snapshots__/index.test.tsx.snap
+++ b/src/components/_muiCore/TextField/__snapshots__/index.test.tsx.snap
@@ -126,7 +126,7 @@ exports[`TextField ENCOURAGE theme matches the snapshot 1`] = `
     class="MuiFormControl-root MuiTextField-root css-fei6gl-MuiFormControl-root-MuiTextField-root"
   >
     <label
-      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined css-3bcwae-MuiFormLabel-root-MuiInputLabel-root"
+      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined css-jxfe46-MuiFormLabel-root-MuiInputLabel-root"
       data-shrink="true"
       for="test-text-field"
       id="test-text-field-label"
@@ -134,7 +134,7 @@ exports[`TextField ENCOURAGE theme matches the snapshot 1`] = `
       TextField Test Label
     </label>
     <div
-      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-14yq8mk-MuiInputBase-root-MuiOutlinedInput-root"
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-1ud848n-MuiInputBase-root-MuiOutlinedInput-root"
     >
       <input
         aria-invalid="false"