diff --git a/src/app/globals.css b/src/app/globals.css
index ef2c814..7c1309c 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -69,7 +69,7 @@ body {
 }
 
 .stat {
-    position: absolute;
+    position: fixed;
     display: flex;
     flex-direction: row;
     align-items: center;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 089fcd9..aa797da 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -503,14 +503,26 @@ export default function Home() {
                     </motion.div>
                 </div>
             </main>
-            <footer className="stat">
+            <motion.footer
+                variants={{
+                    open: {
+                        opacity: 1,
+                    },
+                    closed: {
+                        opacity: 0,
+                    },
+                }}
+                animate={isLoading ? "open" : "closed"}
+                transition={{ duration: 0.5 }}
+                className="stat"
+            >
                 Lanyard Profile Readme has{" "}
                 <div
                     style={{ fontWeight: "bold", width: "3.2rem" }}
                     ref={countRef}
                 />{" "}
                 total users!
-            </footer>
+            </motion.footer>
         </>
     );
 }