diff --git a/webui/static/style.css b/webui/static/style.css
index 3816c0fd..85c30cc9 100644
--- a/webui/static/style.css
+++ b/webui/static/style.css
@@ -7686,12 +7686,14 @@ body {
     width: 100%;
     height: 100%;
     background: linear-gradient(135deg,
-        rgba(29, 185, 84, 0.1) 0%,
-        rgba(138, 43, 226, 0.1) 50%,
-        rgba(255, 20, 147, 0.1) 100%);
+        rgba(29, 185, 84, 0.35) 0%,
+        rgba(138, 43, 226, 0.35) 50%,
+        rgba(255, 20, 147, 0.35) 100%);
     background-size: 200% 200%;
     animation: gradientShift 8s ease infinite;
     z-index: 0;
+    opacity: 0;
+    animation: fadeInRow 1s ease-out forwards, gradientShift 8s ease infinite;
 }
 
 @keyframes gradientShift {