From 59ab851c05d391402efdd32144a7e3fa16031ccb Mon Sep 17 00:00:00 2001
From: Kamil Emeleev <emeleev.kamil@gmail.com>
Date: Mon, 10 Aug 2026 13:24:13 +0300
Subject: [PATCH] docs(Flag): improve Storybook stories (DS-5416)

---
 packages/components/src/components/Flag/Flag.stories.tsx      | 4 ++--
 .../styles.module.css}                                        | 0
 2 files changed, 2 insertions(+), 2 deletions(-)
 rename packages/components/src/components/Flag/{Flag.stories.module.css => __stories__/styles.module.css} (100%)

diff --git a/packages/components/src/components/Flag/Flag.stories.tsx b/packages/components/src/components/Flag/Flag.stories.tsx
index 35276ac2..c66a4e4b 100644
--- a/packages/components/src/components/Flag/Flag.stories.tsx
+++ b/packages/components/src/components/Flag/Flag.stories.tsx
@@ -10,7 +10,7 @@ import { FlexBox } from '../FlexBox';
 import { SelectNext as Select } from '../SelectNext';
 import { Typography } from '../Typography';
 
-import s from './Flag.stories.module.css';
+import s from './__stories__/styles.module.css';
 import {
   Flag,
   type FlagProps,
@@ -138,7 +138,7 @@ export const Fallback: Story = {
  */
 export const Accessibility: Story = {
   render: (args) => (
-    <FlexBox gap="l" direction="row">
+    <FlexBox gap="l" direction="row" alignItems="center">
       {/* Meaningful flag, no adjacent text. */}
       <Flag {...args} role="img" aria-label="Germany" size={18}>
         <flags3x2.DE />
diff --git a/packages/components/src/components/Flag/Flag.stories.module.css b/packages/components/src/components/Flag/__stories__/styles.module.css
similarity index 100%
rename from packages/components/src/components/Flag/Flag.stories.module.css
rename to packages/components/src/components/Flag/__stories__/styles.module.css