diff --git a/components/MetricCard.jsx b/components/MetricCard.js
similarity index 100%
rename from components/MetricCard.jsx
rename to components/MetricCard.js
diff --git a/components/SwitchBox.module.css b/components/SwitchBox.module.css
index 846ed9f..40999d3 100644
--- a/components/SwitchBox.module.css
+++ b/components/SwitchBox.module.css
@@ -7,3 +7,16 @@
   cursor: pointer;
   display: inline;
 }
+
+@media only screen and (max-width: 475px) {
+  .wrapper {
+    text-align: center;
+  }
+}
+
+@media only screen and (max-width: 335px) {
+  .wrapper {
+    display: grid;
+    grid-template-columns: 1fr;
+  }
+}
diff --git a/styles/Home.module.css b/styles/Home.module.css
index f8d0986..50e965f 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -121,15 +121,4 @@
   .statsCardContent {
     grid-template-columns: 1fr 2fr;
   }
-
-  .switchBox {
-    text-align: center;
-  }
-}
-
-@media only screen and (max-width: 335px) {
-  .switchBox {
-    display: grid;
-    grid-template-columns: 1fr;
-  }
 }