diff --git a/src/styles/background.css b/src/styles/background.css
index 7472778d0..6f9ec143e 100644
--- a/src/styles/background.css
+++ b/src/styles/background.css
@@ -1,38 +1,24 @@
-/* Added a light theme gradient background with an animation for smooth transitions between colors. */
-/* :root[data-theme="light"] body {
+/* Light Theme Background */
+:root[data-theme="light"] body {
     width: 100%;
     height: 100%;
-    background-color: #fff4e6;
-    background: linear-gradient(270deg, #fff9f4, #f5feff);
+    background: linear-gradient(270deg, #fff4e6, #fff9e4, #f5feff);
     background-size: 800% 800%;
     animation: gradient 10s ease infinite;
-    height: 100vh;
-} */
+}
 
-/* Created a dark theme gradient background, with subtle transitions to enhance visual appeal. */
-/* :root[data-theme="dark"] body {
+/* Dark Theme Background */
+:root[data-theme="dark"] body {
     width: 100%;
     height: 100%;
     background: linear-gradient(270deg, #29211b, #161d21);
     background-size: 800% 800%;
     animation: gradient 10s ease infinite;
-    background-color: #2c2118;
-    background: linear-gradient(270deg, #2c2118, #222e31); 
-    background-size: 800% 800%;
-    animation: gradient 10s ease infinite;
-    height: 100vh;
-} */
+}
 
-/* @keyframes gradient {
-    0% {
-        background-position: 0% 50%;
-    }
- 
-    50% {
-        background-position: 100% 50%;
-    }
- 
-    100% {
-        background-position: 0% 50%;
-    }
-} */
\ No newline at end of file
+/* Gradient Animation */
+@keyframes gradient {
+    0%   { background-position: 0% 50%; }
+    50%  { background-position: 100% 50%; }
+    100% { background-position: 0% 50%; }
+}