diff --git a/src/components/Footer/__tests__/__snapshots__/test.jsx.snap b/src/components/Footer/__tests__/__snapshots__/test.jsx.snap
index c983060..a3f480b 100644
--- a/src/components/Footer/__tests__/__snapshots__/test.jsx.snap
+++ b/src/components/Footer/__tests__/__snapshots__/test.jsx.snap
@@ -2,7 +2,7 @@
 
 exports[`<Footer /> should render correctly 1`] = `
 <footer
-  class="sc-bdvvaa gMlHxz"
+  class="sc-bczRLJ jTJlUZ"
 >
   Made with 
   <svg
diff --git a/src/components/Header/__tests__/test.jsx b/src/components/Header/__tests__/test.jsx
index b9c9e8b..f24bf72 100644
--- a/src/components/Header/__tests__/test.jsx
+++ b/src/components/Header/__tests__/test.jsx
@@ -13,7 +13,7 @@ describe('<Header />', () => {
 
     expect(container.firstChild).toMatchInlineSnapshot(`
       <header
-        class="sc-bdvvaa viVvg"
+        class="sc-bczRLJ fxlbWe"
       >
         <h1>
           What Is My Screen Resolution?
diff --git a/src/components/Main/__tests__/test.jsx b/src/components/Main/__tests__/test.jsx
index 63cde57..d328d5b 100644
--- a/src/components/Main/__tests__/test.jsx
+++ b/src/components/Main/__tests__/test.jsx
@@ -8,7 +8,7 @@ describe('<Main />', () => {
 
     expect(container.firstChild).toMatchInlineSnapshot(`
       <main
-        class="sc-bdvvaa lkvuAv"
+        class="sc-bczRLJ iRpuYl"
       >
         Children
       </main>