diff --git a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-chromium-linux.png b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-chromium-linux.png
index 27813665..80c3e809 100644
Binary files a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-chromium-linux.png and b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-chromium-linux.png differ
diff --git a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-webkit-linux.png b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-webkit-linux.png
index a1b2dbae..4f4f7076 100644
Binary files a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-webkit-linux.png and b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-webkit-linux.png differ
diff --git a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-chromium-linux.png b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-chromium-linux.png
index 40f6c6da..f678b904 100644
Binary files a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-chromium-linux.png and b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-chromium-linux.png differ
diff --git a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-webkit-linux.png b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-webkit-linux.png
index 8ee700fd..eec92fc1 100644
Binary files a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-webkit-linux.png and b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-webkit-linux.png differ
diff --git a/src/components/MobileHeader/__stories__/MobileHeaderShowcase.scss b/src/components/MobileHeader/__stories__/MobileHeaderShowcase.scss
index 475d0d7a..c08fccb1 100644
--- a/src/components/MobileHeader/__stories__/MobileHeaderShowcase.scss
+++ b/src/components/MobileHeader/__stories__/MobileHeaderShowcase.scss
@@ -52,4 +52,13 @@ body {
         justify-content: center;
         min-height: 250px;
     }
+
+    &__side-item {
+        padding: 10px;
+        background: none;
+        border: none;
+        outline: none;
+        cursor: pointer;
+        margin: 0;
+    }
 }
diff --git a/src/components/MobileHeader/__stories__/MobileHeaderShowcase.tsx b/src/components/MobileHeader/__stories__/MobileHeaderShowcase.tsx
index c9d69a36..1008489a 100644
--- a/src/components/MobileHeader/__stories__/MobileHeaderShowcase.tsx
+++ b/src/components/MobileHeader/__stories__/MobileHeaderShowcase.tsx
@@ -97,16 +97,17 @@ export function MobileHeaderShowcase() {
     ];
 
     const sideItem = (
-        <div
+        <button
             className={b('side-item')}
             onClick={() => {
                 ref?.current?.dispatchEvent(
                     getMobileHeaderCustomEvent('MOBILE_PANEL_TOGGLE', {panelName: 'settings'}),
                 );
             }}
+            aria-label="settings"
         >
             <Icon data={Gear} size={20} />
-        </div>
+        </button>
     );
 
     return (
diff --git a/src/components/MobileHeader/__tests__/MobileHeader.visual.test.tsx b/src/components/MobileHeader/__tests__/MobileHeader.visual.test.tsx
index 24170335..acbb688a 100644
--- a/src/components/MobileHeader/__tests__/MobileHeader.visual.test.tsx
+++ b/src/components/MobileHeader/__tests__/MobileHeader.visual.test.tsx
@@ -5,8 +5,9 @@ import {test} from '~playwright/core';
 import {MobileHeaderStories} from './helpersPlaywright';
 
 test.describe('MobileHeader', () => {
-    test('render story: <Showcase>', async ({mount, expectScreenshot}) => {
+    test('render story: <Showcase>', async ({mount, expectScreenshot, defaultDelay}) => {
         await mount(<MobileHeaderStories.Showcase />, undefined, {width: 390, height: 844});
+        await defaultDelay();
 
         await expectScreenshot();
     });