diff --git a/packages/devextreme-cli/src/templates/nextjs/application/src/components/header/Header.scss b/packages/devextreme-cli/src/templates/nextjs/application/src/components/header/Header.scss
index 942b0a9d3..3f9f24d9b 100644
--- a/packages/devextreme-cli/src/templates/nextjs/application/src/components/header/Header.scss
+++ b/packages/devextreme-cli/src/templates/nextjs/application/src/components/header/Header.scss
@@ -30,7 +30,7 @@ header {
 }
 
 .dx-theme-generic {
-  .dx-toolbar {
+  .header-toolbar {
     padding: 10px 0;
   }
 
diff --git a/packages/devextreme-cli/src/templates/react/application/src/components/header/Header.scss b/packages/devextreme-cli/src/templates/react/application/src/components/header/Header.scss
index 0ec51f510..f06df52a3 100644
--- a/packages/devextreme-cli/src/templates/react/application/src/components/header/Header.scss
+++ b/packages/devextreme-cli/src/templates/react/application/src/components/header/Header.scss
@@ -30,7 +30,7 @@ header {
 }
 
 .dx-theme-generic {
-  .dx-toolbar {
+  .header-toolbar {
     padding: 10px 0;
   }
 
diff --git a/packages/devextreme-cli/src/templates/vue-v3/application/src/components/header-toolbar.vue b/packages/devextreme-cli/src/templates/vue-v3/application/src/components/header-toolbar.vue
index de4221c34..1fe6a7725 100644
--- a/packages/devextreme-cli/src/templates/vue-v3/application/src/components/header-toolbar.vue
+++ b/packages/devextreme-cli/src/templates/vue-v3/application/src/components/header-toolbar.vue
@@ -143,7 +143,7 @@ header {
 }
 
 .dx-theme-generic {
-  .dx-toolbar {
+  .header-toolbar {
     padding: 10px 0;
   }
 
diff --git a/packages/devextreme-schematics/src/add-layout/files/src/app/shared/components/header/header.component.scss b/packages/devextreme-schematics/src/add-layout/files/src/app/shared/components/header/header.component.scss
index 2cb11ba70..b2b3d0b5b 100644
--- a/packages/devextreme-schematics/src/add-layout/files/src/app/shared/components/header/header.component.scss
+++ b/packages/devextreme-schematics/src/add-layout/files/src/app/shared/components/header/header.component.scss
@@ -28,7 +28,7 @@
 }
 
 :host-context(.dx-theme-generic) {
-  .dx-toolbar {
+  .header-toolbar {
     padding: 10px 0;
   }