diff --git a/src/static/captive_portal_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.png b/src/static/captive_portal_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.png
deleted file mode 100644
index 0908872..0000000
Binary files a/src/static/captive_portal_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.png and /dev/null differ
diff --git a/src/static/github-mark.png b/src/static/github-mark.png
deleted file mode 100644
index 6cb3b70..0000000
Binary files a/src/static/github-mark.png and /dev/null differ
diff --git a/src/static/tailwind.css b/src/static/tailwind.css
index 1a193c1..c2785ef 100644
--- a/src/static/tailwind.css
+++ b/src/static/tailwind.css
@@ -527,6 +527,9 @@
   .invisible {
     visibility: hidden;
   }
+  .visible {
+    visibility: visible;
+  }
   .absolute {
     position: absolute;
   }
@@ -728,6 +731,10 @@
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
+  .rounded-t-lg {
+    border-top-left-radius: var(--radius-lg);
+    border-top-right-radius: var(--radius-lg);
+  }
   .rounded-b-lg {
     border-bottom-right-radius: var(--radius-lg);
     border-bottom-left-radius: var(--radius-lg);
diff --git a/src/templates/Components/Footer.tsx b/src/templates/Components/Footer.tsx
index c52ad4a..ae017b0 100644
--- a/src/templates/Components/Footer.tsx
+++ b/src/templates/Components/Footer.tsx
@@ -1,6 +1,7 @@
 export default function Footer() {
   return (
-    <div className="container mx-auto px-4 sm:px-8 mb-4">
+    <footer className="bg-orange-950 text-[#f9ebeb] rounded-t-lg">
+      <div className="container mx-auto px-4 sm:px-8 py-4">
         <div className="flex flex-wrap items-center gap-4 mx-auto">
           <a
             className="flex items-center gap-2 text-lg"
@@ -17,21 +18,20 @@ export default function Footer() {
             <p className="text-lg">Find us on:</p>
             <a href="https://github.com/wah-su">
               <img
-                className="object-contain w-8 rounded-full aspect-square block dark:hidden"
-                src="/static/github-mark.png"
-                alt="github"
-              />
-              <img
-                className="object-contain w-8 rounded-full aspect-square hidden dark:block"
+                className="object-contain w-8 rounded-full aspect-square"
                 src="/static/github-mark-white.png"
                 alt="github"
               />
             </a>
-            <a href="https://wah.su" className="flex items-center justify-center">
-              <div className="material-symbols--globe w-8 h-8 dark:text-white text-slate-700"></div>
+            <a
+              href="https://wah.su"
+              className="flex items-center justify-center"
+            >
+              <div className="material-symbols--globe w-8 h-8"></div>
             </a>
           </div>
         </div>
-    </div>
+      </div>
+    </footer>
   );
 }