diff --git a/packages/console/src/components/AppContent/components/UserInfo/index.module.scss b/packages/console/src/components/AppContent/components/UserInfo/index.module.scss
index e1463a58e..2d66be156 100644
--- a/packages/console/src/components/AppContent/components/UserInfo/index.module.scss
+++ b/packages/console/src/components/AppContent/components/UserInfo/index.module.scss
@@ -10,9 +10,12 @@
   user-select: none;
   cursor: pointer;
 
-  &:hover,
+  &:hover {
+    background-color: var(--color-hover-variant);
+  }
+
   &.active {
-    background-color: var(--color-surface-5);
+    background-color: var(--color-focused-variant);
   }
 
   img {
diff --git a/packages/console/src/pages/GetStarted/components/GetStartedProgress/index.module.scss b/packages/console/src/pages/GetStarted/components/GetStartedProgress/index.module.scss
index 22a836649..fbcb3325f 100644
--- a/packages/console/src/pages/GetStarted/components/GetStartedProgress/index.module.scss
+++ b/packages/console/src/pages/GetStarted/components/GetStartedProgress/index.module.scss
@@ -9,9 +9,12 @@
   user-select: none;
   cursor: pointer;
 
-  &:hover,
+  &:hover {
+    background-color: var(--color-hover-variant);
+  }
+
   &.active {
-    background-color: var(--color-surface-5);
+    background-color: var(--color-focused-variant);
   }
 
   img {