diff --git a/templates/fakeyou/index.html b/templates/fakeyou/index.html
index f4ab39cf3e..29b8859217 100644
--- a/templates/fakeyou/index.html
+++ b/templates/fakeyou/index.html
@@ -163,7 +163,7 @@
             <i class="fa-solid fa-volume-high fs-2 mb-2"></i>
             <h1>Create TTS</h1>
           </div>
-          <div class="pt-6">
+          <div class="py-6">
             <div class="d-flex flex-column gap-4">
               <div>
                 <label class="sub-title">Category Filters</label>
@@ -227,10 +227,13 @@
         </div>
       </div>
 
-      <footer class="container">
+      <div class="container">
         <hr />
+      </div>
+
+      <footer class="d-flex flex-column container py-5 gap-4">
         <div
-          class="d-flex flex-column flex-lg-row align-items-center justify-content-center gap-3 py-4"
+          class="d-flex flex-column flex-lg-row align-items-center justify-content-center gap-3"
         >
           <a class="footer-link" href="#">Text to Speech</a>
           <a class="footer-link" href="#">Video</a>
@@ -243,12 +246,23 @@
           <a class="footer-link" href="#">Terms of Use</a>
         </div>
         <div class="d-flex justify-content-center gap-4">
-          <a class="social-icon" href="#"><i class="bi-discord"></i></a>
-          <a class="social-icon" href="#"><i class="bi-twitch"></i></a>
-          <a class="social-icon" href="#"><i class="bi-twitter"></i></a>
-          <a class="social-icon" href="#"><i class="bi-facebook"></i></a>
+          <a class="social-icon" href="#"
+            ><i class="fa-brands fa-discord"></i
+          ></a>
+          <a class="social-icon" href="#"
+            ><i class="fa-brands fa-twitch"></i
+          ></a>
+          <a class="social-icon" href="#"
+            ><i class="fa-brands fa-twitter"></i
+          ></a>
+          <a class="social-icon" href="#"
+            ><i class="fa-brands fa-facebook"></i
+          ></a>
+          <a class="social-icon" href="#"
+            ><i class="fa-brands fa-patreon"></i
+          ></a>
         </div>
-        <div class="d-flex justify-content-center py-4">
+        <div class="d-flex justify-content-center">
           Built by&nbsp<a class="footer-link" href="#">echelon</a>&nbspin
           Atlanta.
         </div>
diff --git a/templates/fakeyou/style.css b/templates/fakeyou/style.css
index e88c368f9a..7359de5393 100644
--- a/templates/fakeyou/style.css
+++ b/templates/fakeyou/style.css
@@ -69,9 +69,10 @@ h1 {
   padding-left: var(--bs-gutter-x, 1rem);
 }
 
-/*margin top 2rem for panels*/
-.pt-6 {
+/*margin top/bottom for panels*/
+.py-6 {
   padding-top: 2rem !important;
+  padding-bottom: 1rem !important;
 }
 
 .navbar {
@@ -244,7 +245,7 @@ h1 {
 }
 
 .social-icon {
-  font-size: 28px;
+  font-size: 24px;
   color: #fff;
   text-decoration: none;
   cursor: pointer;