From 0dcf6a895ac5c72c5fbee58d76f436704cd5bfc5 Mon Sep 17 00:00:00 2001
From: Darius Cepulis <dcepulis@mux.com>
Date: Fri, 31 Oct 2025 11:31:02 -0500
Subject: [PATCH] fix(site): adjust footer for safari and firefox

---
 site/src/components/FooterEasterEgg.astro | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/site/src/components/FooterEasterEgg.astro b/site/src/components/FooterEasterEgg.astro
index ee10e6ff..c6602df0 100644
--- a/site/src/components/FooterEasterEgg.astro
+++ b/site/src/components/FooterEasterEgg.astro
@@ -1,12 +1,13 @@
-<!-- TODO: hide this behind an overscroll animation........... somehow. --><!-- The weird bottom-0 approach I used here avoids some rounding problems on low-dpi screen -->
+{/* TODO: hide this behind an overscroll animation........... somehow.  */}
 <div class="@container relative overflow-hidden not-supports-container:hidden">
+  {/* The weird bottom-0 approach I used here avoids some rounding problems on low-dpi screen  */}
   <div class="absolute h-full bottom-0 left-0 right-0 bg-yellow"></div>
   <div class="absolute h-3/4 bottom-0 left-0 right-0 bg-orange"></div>
   <div class="absolute h-1/2 bottom-0 left-0 right-0 bg-red"></div>
   <div class="absolute h-1/4 bottom-0 left-0 right-0 bg-purple"></div>
   <div
-    class="relative font-semibold tracking-tighter text-light-80 dark:text-dark-100 select-none"
-    style="font-size:28cqi;line-height:0.72;"
+    class="relative font-semibold tracking-tighter text-light-80 dark:text-dark-100 select-none text-center"
+    style="font-size:28cqi;line-height:0.718;"
   >
     VideoJS
   </div>