diff --git a/projects/demo-playwright/tests/kit/action-bar/action-bar.mobile.spec.ts b/projects/demo-playwright/tests/kit/action-bar/action-bar.mobile.spec.ts
index 0ec8abe194b8..7831652bfe51 100644
--- a/projects/demo-playwright/tests/kit/action-bar/action-bar.mobile.spec.ts
+++ b/projects/demo-playwright/tests/kit/action-bar/action-bar.mobile.spec.ts
@@ -19,7 +19,7 @@ test.describe('ActionBar', () => {
test('works', async ({page}) => {
await tuiGoto(page, DemoRoute.ActionBar);
- const example = page.locator('#base');
+ const example = page.locator('#size--m');
const showActionBarButton = example.locator('label').first();
await showActionBarButton.click();
diff --git a/projects/demo-playwright/tests/kit/action-bar/action-bar.spec.ts b/projects/demo-playwright/tests/kit/action-bar/action-bar.spec.ts
index 6dc5fec8bf28..c4b7bfc2e941 100644
--- a/projects/demo-playwright/tests/kit/action-bar/action-bar.spec.ts
+++ b/projects/demo-playwright/tests/kit/action-bar/action-bar.spec.ts
@@ -9,7 +9,7 @@ test.describe('ActionBar', () => {
test('works', async ({page}) => {
await tuiGoto(page, DemoRoute.ActionBar);
- const example = page.locator('#base');
+ const example = page.locator('#size--m');
const showActionBarButton = example.locator('label').first();
await showActionBarButton.click();
diff --git a/projects/demo/src/modules/components/action-bar/examples/1/index.html b/projects/demo/src/modules/components/action-bar/examples/1/index.html
index 82ed474b8552..b24835ad8aa4 100644
--- a/projects/demo/src/modules/components/action-bar/examples/1/index.html
+++ b/projects/demo/src/modules/components/action-bar/examples/1/index.html
@@ -141,24 +141,31 @@
+