diff --git a/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-Default-dark-chromium-linux.png b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-Default-dark-chromium-linux.png
new file mode 100644
index 000000000..5096a230f
Binary files /dev/null and b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-Default-dark-chromium-linux.png differ
diff --git a/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-Default-dark-webkit-linux.png b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-Default-dark-webkit-linux.png
new file mode 100644
index 000000000..41637e186
Binary files /dev/null and b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-Default-dark-webkit-linux.png differ
diff --git a/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-Default-light-chromium-linux.png b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-Default-light-chromium-linux.png
new file mode 100644
index 000000000..ba07a58d7
Binary files /dev/null and b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-Default-light-chromium-linux.png differ
diff --git a/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-Default-light-webkit-linux.png b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-Default-light-webkit-linux.png
new file mode 100644
index 000000000..9cb01cd95
Binary files /dev/null and b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-Default-light-webkit-linux.png differ
diff --git a/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-dark-chromium-linux.png b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-dark-chromium-linux.png
new file mode 100644
index 000000000..7de2b8bc6
Binary files /dev/null and b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-dark-chromium-linux.png differ
diff --git a/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-dark-webkit-linux.png b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-dark-webkit-linux.png
new file mode 100644
index 000000000..bb5d70215
Binary files /dev/null and b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-dark-webkit-linux.png differ
diff --git a/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-light-chromium-linux.png b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-light-chromium-linux.png
new file mode 100644
index 000000000..901e56fab
Binary files /dev/null and b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-light-chromium-linux.png differ
diff --git a/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-light-webkit-linux.png b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-light-webkit-linux.png
new file mode 100644
index 000000000..e4a36b502
Binary files /dev/null and b/src/components/layout/Row/__snapshots__/Row.visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-light-webkit-linux.png differ
diff --git a/src/components/layout/Row/__tests__/Row.visual.test.tsx b/src/components/layout/Row/__tests__/Row.visual.test.tsx
new file mode 100644
index 000000000..db06da348
--- /dev/null
+++ b/src/components/layout/Row/__tests__/Row.visual.test.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+
+import {test} from '~playwright/core';
+
+import {RowStories} from './stories';
+
+test.describe('Flex', {tag: '@Flex'}, () => {
+    test('render story <Default>', async ({mount, expectScreenshot}) => {
+        await mount(<RowStories.Default />);
+
+        await expectScreenshot();
+    });
+
+    test('render story <ZeroSpacings>', async ({mount, expectScreenshot}) => {
+        await mount(<RowStories.ZeroSpacings />);
+
+        await expectScreenshot();
+    });
+});
diff --git a/src/components/layout/Row/__tests__/stories.ts b/src/components/layout/Row/__tests__/stories.ts
new file mode 100644
index 000000000..17af59543
--- /dev/null
+++ b/src/components/layout/Row/__tests__/stories.ts
@@ -0,0 +1,5 @@
+import {composeStories} from '@storybook/react';
+
+import * as CSFStories from '../__stories__/Row.stories';
+
+export const RowStories = composeStories(CSFStories);