diff --git a/frontend/public/global.css b/frontend/public/global.css
index e8a7d32..9773301 100644
--- a/frontend/public/global.css
+++ b/frontend/public/global.css
@@ -30,17 +30,17 @@
 	--foreground-color-3: rgb(153, 154, 155);
 	--foreground-color-4: rgb(123, 124, 125);
 
-	--purple-1: hsl(280, 88%, 50%);
-	--blue-1: hsl(200, 88%, 50%);
-	--green-1: hsl(140, 88%, 50%);
-	--yellow-1: hsl(50, 88%, 65%);
-	--red-1: hsl(2, 88%, 65%);
+	--purple-1: hsl(280, 78%, 50%);
+	--blue-1: hsl(200, 78%, 50%);
+	--green-1: hsl(140, 78%, 50%);
+	--yellow-1: hsl(50, 78%, 65%);
+	--red-1: hsl(2, 78%, 65%);
 
-	--purple-2: hsl(280, 88%, 40%);
-	--blue-2: hsl(200, 88%, 40%);
-	--green-2: hsl(140, 88%, 40%);
-	--yellow-2: hsl(50, 88%, 60%);
-	--red-2: hsl(2, 88%, 60%);
+	--purple-2: hsl(280, 78%, 45%);
+	--blue-2: hsl(200, 78%, 45%);
+	--green-2: hsl(140, 78%, 40%);
+	--yellow-2: hsl(50, 78%, 60%);
+	--red-2: hsl(2, 78%, 60%);
 
 
 	--space-unit: 1em;
@@ -363,11 +363,14 @@ body {
 	visibility: visible;
 }
 
-.sidebar-button.selected,
 .sidebar-button:hover {
 	background-color: var(--background-color-2);
 }
 
+.sidebar-button.selected {
+	background-color: var(--purple-2);
+}
+
 /*! the tweaks below are heavily based on modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
 
 *,