diff --git a/src/client/index.html b/src/client/index.html
index f0b8810f3..0de10d117 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -215,20 +215,7 @@
           <flag-input class="w-[20%] md:w-[15%]"></flag-input>
           <username-input class="w-full"></username-input>
         </div>
-        <div>
-          <a
-            target="_blank"
-            href="https://discord.gg/openfront"
-            class="w-full bg-[#5865F2] hover:bg-[#4752C4] text-white p-3 sm:p-4 lg:p-5 font-medium text-lg sm:text-xl lg:text-2xl rounded-lg border-none cursor-pointer transition-colors duration-300 flex justify-center items-center gap-5"
-          >
-            <img
-              style="height: 50px; width: 50px"
-              alt="Discord"
-              src="../../resources/icons/discord.svg"
-            />
-            <span data-i18n="main.join_discord"> Join the Discord! </span>
-          </a>
-        </div>
+        <div></div>
         <div>
           <public-lobby class="w-full"></public-lobby>
         </div>
@@ -331,6 +318,9 @@
           >
             Wiki
           </a>
+          <a target="_blank" href="https://discord.gg/openfront" class="t-link">
+            <span data-i18n="main.join_discord"> Join the Discord! </span>
+          </a>
         </div>
         <div class="l-footer__col t-text-white">
           © 2025
diff --git a/src/client/styles/layout/footer.css b/src/client/styles/layout/footer.css
index 7064d2281..40d4a1dde 100644
--- a/src/client/styles/layout/footer.css
+++ b/src/client/styles/layout/footer.css
@@ -20,5 +20,5 @@
 
 .l-footer__col {
   display: flex;
-  gap: 10px;
+  gap: 20px;
 }