diff --git a/pages/admin/index.html b/pages/admin/index.html
index 2019b80..76f2be9 100644
--- a/pages/admin/index.html
+++ b/pages/admin/index.html
@@ -3,8 +3,8 @@
 
 <header class="admin-index-header">
     <div class="admin-index-header-text" id="headerText">
-        <h1 class="admin-index-h1 fade-in">Hello,</h1>
-        <h2 class="admin-index-h2 fade-in">Admin <span class="outlined-text"><template name="username"></span>!</h2>
+        <h1 class="admin-index-h1">Hello,</h1>
+        <h2 class="admin-index-h2">Admin <span class="outlined-text"><template name="username"></span>!</h2>
     </div>
 </header>
 
diff --git a/scripts/pages/admin/main.js b/scripts/pages/admin/main.js
index 331c227..d47db29 100644
--- a/scripts/pages/admin/main.js
+++ b/scripts/pages/admin/main.js
@@ -14,11 +14,13 @@ document.addEventListener('DOMContentLoaded', function () {
     void h2.offsetWidth;
 
     // Apply the fade-in effect
-    h1.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
-    h1.style.opacity = '1';
-    h1.style.transform = 'translateX(0)';
+    setTimeout(function () {
+        h1.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
+        h1.style.opacity = '1';
+        h1.style.transform = 'translateX(0)';
 
-    h2.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
-    h2.style.opacity = '1';
-    h2.style.transform = 'translateX(0)';
+        h2.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
+        h2.style.opacity = '1';
+        h2.style.transform = 'translateX(0)';
+    }, 250);
 });
diff --git a/styles/pages/admin/style.css b/styles/pages/admin/style.css
index ac6fa2a..5a8c039 100644
--- a/styles/pages/admin/style.css
+++ b/styles/pages/admin/style.css
@@ -30,9 +30,4 @@ body {
     opacity: 0;
     transform: translateX(-35px);
     transition: opacity 0.8s ease, transform 0.6s ease;
-}
-
-.fade-in {
-    opacity: 1;
-    transform: translateX(0);
-}
+}
\ No newline at end of file