diff --git a/packages/playground/website/src/components/site-manager/sidebar/style.module.css b/packages/playground/website/src/components/site-manager/sidebar/style.module.css
index fcf8bf8cbf..d8f7fa0333 100644
--- a/packages/playground/website/src/components/site-manager/sidebar/style.module.css
+++ b/packages/playground/website/src/components/site-manager/sidebar/style.module.css
@@ -4,6 +4,9 @@
 	flex-shrink: 0;
 	flex-direction: column;
 	--site-manager-text-color: #fff;
+	--sidebar-item-selected-bg: #2c5282;
+	--sidebar-item-selected-border: #4299e1;
+	--sidebar-item-selected-hover-bg: #2b6cb0;
 	color: var(--site-manager-text-color);
 	overflow: auto;
 }
@@ -50,15 +53,21 @@
 	text-align: left;
 	border-radius: 4px;
 	margin-bottom: 2px;
+	border-left: 3px solid transparent;
 }
-.sidebar-item:hover,
-.sidebar-item--selected {
+.sidebar-item:hover {
 	color: var(--site-manager-text-color) !important;
 	background-color: #353535;
 }
 
+.sidebar-item--selected {
+	color: var(--site-manager-text-color) !important;
+	background-color: var(--sidebar-item-selected-bg);
+	border-left: 3px solid var(--sidebar-item-selected-border);
+}
+
 .sidebar-item--selected:hover {
-	background-color: #545454;
+	background-color: var(--sidebar-item-selected-hover-bg);
 }
 
 .sidebar-list-item--logo {