diff --git a/public/colors.css b/public/colors.css
index 751956966..d239d4642 100644
--- a/public/colors.css
+++ b/public/colors.css
@@ -31,8 +31,8 @@
   --color-fill-secondary: #7070ff;
   --color-fill-secondary-hover: #8585ff;
   --color-fill-ghost: #ebebff;
-  --color-fill-ghost-hover: #ebebff;
-  --color-fill-separator: #eaeaf1;
+  --color-fill-ghost-hover: #f5f5ff;
+  --color-fill-separator: #dbdbff;
   --color-fill-primary: #ff70ff;
   --color-fill-primary-hover: #ff80ff;
   --color-fill-danger: #be7495;
diff --git a/public/index.css b/public/index.css
index 889fec8c8..730c28716 100644
--- a/public/index.css
+++ b/public/index.css
@@ -36,7 +36,7 @@ body {
   background-color: var(--color-background-default);
   scrollbar-width: thin;
   scrollbar-height: thin;
-  scrollbar-color: var(--color-fill-ghost) transparent;
+  scrollbar-color: var(--color-fill-separator) transparent;
 }
 
 @media (max-width: 720px) {
@@ -67,7 +67,7 @@ body {
 }
 *:hover::-webkit-scrollbar-thumb,
 body::-webkit-scrollbar-thumb {
-  background-color: var(--color-fill-ghost);
+  background-color: var(--color-fill-separator);
 }
 
 main {