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 2781366..80c3e80 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 a1b2dba..4f4f707 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 40f6c6d..f678b90 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 8ee700f..eec92fc 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 475d0d7..e9b9ba7 100644
--- a/src/components/MobileHeader/__stories__/MobileHeaderShowcase.scss
+++ b/src/components/MobileHeader/__stories__/MobileHeaderShowcase.scss
@@ -52,4 +52,12 @@ body {
         justify-content: center;
         min-height: 250px;
     }
+
+    &__side-item {
+        padding: 10px;
+        background: none;
+        border: none;
+        outline: none;
+        cursor: pointer;
+    }
 }
diff --git a/src/components/MobileHeader/__stories__/MobileHeaderShowcase.tsx b/src/components/MobileHeader/__stories__/MobileHeaderShowcase.tsx
index c9d69a3..1008489 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 (