diff --git a/apps/website2/src/components/Footer.css b/apps/website2/src/components/Footer.css
new file mode 100644
index 000000000..4c6becbce
--- /dev/null
+++ b/apps/website2/src/components/Footer.css
@@ -0,0 +1,8 @@
+footer {
+    margin: 0;
+    padding: 1em 0;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+    text-align: center;
+    color: var(--muted-color);
+    font-size: 0.8em;
+}
\ No newline at end of file
diff --git a/apps/website2/src/components/Footer.tsx b/apps/website2/src/components/Footer.tsx
index 92802c7c0..968cc7538 100644
--- a/apps/website2/src/components/Footer.tsx
+++ b/apps/website2/src/components/Footer.tsx
@@ -1,3 +1,5 @@
+import "./Footer.css";
+
 export default function Footer() {
     return (
         <footer>
diff --git a/apps/website2/src/style.css b/apps/website2/src/style.css
index 40f651543..eca2fa44b 100644
--- a/apps/website2/src/style.css
+++ b/apps/website2/src/style.css
@@ -59,12 +59,6 @@ img {
     height: auto;
 }
 
-footer {
-    margin: 0;
-    padding: 1em 0;
-    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-}
-
 .card {
     border: 0;
     box-shadow: var(--card-box-shadow);