diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts
index f99c2f955870..d85fdf27858a 100644
--- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts
@@ -2,6 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
import { DxHtmlEditorModule, DxPopupModule } from 'devextreme-angular';
import { DxButtonTypes } from 'devextreme-angular/ui/button';
+import 'devextreme/ui/button_group';
import { Service } from './app.service';
if (!/localhost/.test(document.location.host)) {
diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/React/App.tsx b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/React/App.tsx
index 6980e1560604..c3cb7a1d33fb 100644
--- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/React/App.tsx
+++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/React/App.tsx
@@ -1,6 +1,7 @@
import React, { useCallback, useState, useMemo } from 'react';
import HtmlEditor, { Toolbar, Item, type HtmlEditorTypes } from 'devextreme-react/html-editor';
import Popup from 'devextreme-react/popup';
+import 'devextreme/ui/button';
import { markup } from './data.ts';
const headerValues = [false, 1, 2, 3, 4, 5];
diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/ReactJs/App.js b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/ReactJs/App.js
index 9a4d52c08184..222b00a517e1 100644
--- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/ReactJs/App.js
+++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/ReactJs/App.js
@@ -1,6 +1,7 @@
import React, { useCallback, useState, useMemo } from 'react';
import HtmlEditor, { Toolbar, Item } from 'devextreme-react/html-editor';
import Popup from 'devextreme-react/popup';
+import 'devextreme/ui/button';
import { markup } from './data.js';
const headerValues = [false, 1, 2, 3, 4, 5];
diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Vue/App.vue b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Vue/App.vue
index b2907adec7f6..bffbd481e15a 100644
--- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Vue/App.vue
+++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Vue/App.vue
@@ -47,6 +47,7 @@ import {
DxItem,
} from 'devextreme-vue/html-editor';
import { DxPopup } from 'devextreme-vue/popup';
+import 'devextreme/ui/button';
import { markup } from './data.ts';
const value = ref(markup);
diff --git a/apps/demos/Demos/Popup/Overview/React/App.tsx b/apps/demos/Demos/Popup/Overview/React/App.tsx
index 0c68280dc11c..a9b8e930a41e 100644
--- a/apps/demos/Demos/Popup/Overview/React/App.tsx
+++ b/apps/demos/Demos/Popup/Overview/React/App.tsx
@@ -2,6 +2,7 @@ import React, { useCallback, useMemo, useState } from 'react';
import { Popup, Position, ToolbarItem } from 'devextreme-react/popup';
import type { ButtonTypes } from 'devextreme-react/button';
+import 'devextreme/ui/button';
import notify from 'devextreme/ui/notify';
diff --git a/apps/demos/Demos/Popup/Overview/ReactJs/App.js b/apps/demos/Demos/Popup/Overview/ReactJs/App.js
index a5ea640c8dea..1be4ee933d35 100644
--- a/apps/demos/Demos/Popup/Overview/ReactJs/App.js
+++ b/apps/demos/Demos/Popup/Overview/ReactJs/App.js
@@ -1,5 +1,6 @@
import React, { useCallback, useMemo, useState } from 'react';
import { Popup, Position, ToolbarItem } from 'devextreme-react/popup';
+import 'devextreme/ui/button';
import notify from 'devextreme/ui/notify';
import { EmployeeItem } from './EmployeeItem.js';
import { employees } from './data.js';
diff --git a/apps/demos/Demos/Popup/Overview/Vue/App.vue b/apps/demos/Demos/Popup/Overview/Vue/App.vue
index fc78e5b43f3e..b7e8cde15b93 100644
--- a/apps/demos/Demos/Popup/Overview/Vue/App.vue
+++ b/apps/demos/Demos/Popup/Overview/Vue/App.vue
@@ -70,6 +70,7 @@