diff --git a/packages/components/src/toolbar/toolbar-group/style.scss b/packages/components/src/toolbar/toolbar-group/style.scss
index 96f7874cc3670e..5271f8d9225d6e 100644
--- a/packages/components/src/toolbar/toolbar-group/style.scss
+++ b/packages/components/src/toolbar/toolbar-group/style.scss
@@ -1,7 +1,7 @@
 .components-toolbar-group {
 	min-height: $block-toolbar-height;
 	border-right: $border-width solid $components-color-foreground;
-	background-color: $components-color-foreground-inverted;
+	background-color: $components-color-background;
 	display: inline-flex;
 	flex-shrink: 0;
 	flex-wrap: wrap;
@@ -42,7 +42,7 @@
 	min-height: $block-toolbar-height;
 	margin: 0;
 	border: $border-width solid $components-color-foreground;
-	background-color: $components-color-foreground-inverted;
+	background-color: $components-color-background;
 	display: inline-flex;
 	flex-shrink: 0;
 	flex-wrap: wrap;