diff --git a/frappe/public/scss/desk/desktop.scss b/frappe/public/scss/desk/desktop.scss
index 44d3219f7d..46ce5528d0 100644
--- a/frappe/public/scss/desk/desktop.scss
+++ b/frappe/public/scss/desk/desktop.scss
@@ -341,7 +341,7 @@ body {
 	&.onboarding-widget-box {
 		margin-bottom: var(--margin-2xl);
 		padding: var(--padding-lg) !important;
-		background-color: var(--bg-color);
+		background-color: var(--bg-light-gray);
 		box-shadow: var(--card-shadow) ;
 
 		&.edit-mode:hover {
@@ -463,7 +463,7 @@ body {
 					height: 20px;
 					width: 20px;
 					color: var(--text-on-light-gray);
-					background-color: var(--fg-color);
+					background-color: var(--bg-light-gray);
 
 					margin-right: var(--margin-sm);
 					border-radius: var(--border-radius-full);