diff --git a/src/app/app.component.css b/src/app/app.component.css
index 447a8eb..bfd05e2 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -1,4 +1,4 @@
 .route-container {
-  min-height: 100vh;
+  min-height: 90vh;
   background: inherit;
 }
diff --git a/src/app/features/footer-display/footer-display.component.html b/src/app/features/footer-display/footer-display.component.html
index 1eac217..5f97b25 100644
--- a/src/app/features/footer-display/footer-display.component.html
+++ b/src/app/features/footer-display/footer-display.component.html
@@ -1,3 +1,5 @@
-<footer class="checkered-bg-dark border-b-1 h-100 flex items-center justify-center text-nier-light">
-  <p class="text-6xl font-noto-jp">FOOTER</p>
+<footer>
+  <section class="checkered-bg border-t-5 h-15 flex items-center bg-nier-dark text-nier-light">
+  <p class="text-1xl font-noto-jp">Made by Adam Benyekkou 2025</p>
+  </section>
 </footer>
diff --git a/src/app/features/hero-display/hero-display.component.html b/src/app/features/hero-display/hero-display.component.html
index aa4e7d0..3f0ba62 100644
--- a/src/app/features/hero-display/hero-display.component.html
+++ b/src/app/features/hero-display/hero-display.component.html
@@ -5,10 +5,10 @@
   </article>
 
   <!-- Display Text Section -->
-  <article class="flex-1 flex items-center justify-center checkered-bg-dark py-4 sm:py-8 md:py-12">
+  <article class="flex-1 flex items-center justify-center checkered-bg-dark pt-4 sm:pt-8 md:pt-12">
     <p class="font-terminal-nier scramble-text-glow
-              text-6xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl 2xl:text-9xl
-              text-center px-4 leading-tight">
+            text-6xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl 2xl:text-9xl
+            text-center px-4 leading-tight">
       {{ displayText }}
     </p>
   </article>