diff --git a/dist/index.css b/dist/index.css
index ecd7f52a..ea993b4f 100644
--- a/dist/index.css
+++ b/dist/index.css
@@ -22,7 +22,7 @@
   z-index: -1;
   pointer-events: none;
   filter: blur(60px);
-  opacity: 0.4;
+  opacity: 0.2;
 }
 #background::after,
 #background::before {
@@ -36,9 +36,9 @@
     background-image:
       linear-gradient(
         120deg,
-        hsla(210, 100%, 50%, 25%),
-        hsla(210, 100%, 50%, 15%),
-        transparent 70%);
+        hsla(210, 100%, 50%, 50%),
+        hsla(210, 100%, 50%, 35%),
+        transparent 40%);
   }
 }
 @media (prefers-color-scheme: light) {
@@ -46,30 +46,30 @@
     background-image:
       linear-gradient(
         120deg,
-        hsla(210, 100%, 50%, 25%),
-        hsla(210, 100%, 50%, 15%));
+        hsla(210, 100%, 50%, 50%),
+        hsla(210, 100%, 50%, 25%));
   }
   #background::before {
-    top: -150%;
-    left: -50%;
+    top: -130%;
+    left: -150%;
+    right: -800%;
+    bottom: -20%;
+    background-image:
+      radial-gradient(
+        transparent 60%,
+        hsla(110, 100%, 40%, 50%) 60%,
+        hsla(110, 100%, 20%, 40%));
+  }
+  #background::after {
+    top: -100%;
+    left: 0%;
     right: -500%;
     bottom: -50%;
-    background-image:
-      radial-gradient(
-        transparent 60%,
-        hsla(110, 100%, 40%, 20%) 60%,
-        hsla(110, 100%, 20%, 40%));
-  }
-  #background::after {
-    top: -300%;
-    left: -50%;
-    right: -400%;
-    bottom: -50%;
     background-image:
       radial-gradient(
         transparent 70%,
-        hsla(110, 100%, 30%, 30%) 70%,
-        hsla(110, 100%, 30%, 40%));
+        hsla(110, 100%, 30%, 90%) 70%,
+        hsla(110, 100%, 10%, 70%));
   }
 }
 
@@ -86,6 +86,8 @@
   bottom: 0px;
   background-color: var(--background);
 }
+#chat-page {
+}
 
 /* src/View/homePage.css */
 #home-page > div {
diff --git a/src/View/chatPage.css b/src/View/chatPage.css
index fe5c2cd0..e934bae4 100644
--- a/src/View/chatPage.css
+++ b/src/View/chatPage.css
@@ -12,4 +12,8 @@
     bottom: 0px;
 
     background-color: var(--background);
+}
+
+#chat-page {
+    
 }
\ No newline at end of file
diff --git a/src/base.css b/src/base.css
index 67746a06..a67be9a0 100644
--- a/src/base.css
+++ b/src/base.css
@@ -26,7 +26,7 @@
   pointer-events: none;
 
   filter: blur(60px);
-  opacity: 0.4;
+  opacity: 0.2;
 }
 
 #background::after,
@@ -43,9 +43,9 @@
   #background {
     background-image: linear-gradient(
       120deg,
-      hsla(210, 100%, 50%, 25%),
-      hsla(210, 100%, 50%, 15%),
-      transparent 70%
+      hsla(210, 100%, 50%, 50%),
+      hsla(210, 100%, 50%, 35%),
+      transparent 40%
     );
   }
 }
@@ -54,34 +54,34 @@
   #background {
     background-image: linear-gradient(
       120deg,
-      hsla(210, 100%, 50%, 25%),
-      hsla(210, 100%, 50%, 15%)
+      hsla(210, 100%, 50%, 50%),
+      hsla(210, 100%, 50%, 25%)
     );
   }
 
   #background::before {
-    top: -150%;
-    left: -50%;
-    right: -500%;
-    bottom: -50%;
+    top: -130%;
+    left: -150%;
+    right: -800%;
+    bottom: -20%;
 
     background-image: radial-gradient(
       transparent 60%,
-      hsla(110, 100%, 40%, 20%) 60%,
+      hsla(110, 100%, 40%, 50%) 60%,
       hsla(110, 100%, 20%, 40%)
     );
   }
 
   #background::after {
-    top: -300%;
-    left: -50%;
-    right: -400%;
+    top: -100%;
+    left: 0%;
+    right: -500%;
     bottom: -50%;
 
     background-image: radial-gradient(
       transparent 70%,
-      hsla(110, 100%, 30%, 30%) 70%,
-      hsla(110, 100%, 30%, 40%)
+      hsla(110, 100%, 30%, 90%) 70%,
+      hsla(110, 100%, 10%, 70%)
     );
   }
 }