diff --git a/frappe/public/scss/sidebar.scss b/frappe/public/scss/sidebar.scss
index 57b5a5cc77..79224db075 100644
--- a/frappe/public/scss/sidebar.scss
+++ b/frappe/public/scss/sidebar.scss
@@ -384,6 +384,7 @@ body[data-route^="Module"] .main-menu {
 	margin-bottom: var(--margin-sm);
 	display: inline-flex;
 	vertical-align: top;
+
 	.btn {
 		height: 30px;
 		width: 30px;
@@ -391,7 +392,7 @@ body[data-route^="Module"] .main-menu {
 		padding: 0;
 		border: 1px dashed var(--dark-border-color);
 		box-shadow: none;
-		background-color: transparent;
+		background-color: var(--fg-color);
 		.icon use {
 			stroke: var(--text-muted);
 		}