diff --git a/frontend/src/components/VHeader/meta/VHeaderInternal.stories.ts b/frontend/src/components/VHeader/meta/VHeaderInternal.stories.ts
index a69e264d300..f81dcfdbbe9 100644
--- a/frontend/src/components/VHeader/meta/VHeaderInternal.stories.ts
+++ b/frontend/src/components/VHeader/meta/VHeaderInternal.stories.ts
@@ -18,7 +18,7 @@ export const Default: Story = {
     setup() {
       return () =>
         h("div", { id: "teleports" }, [
-          h("div", { class: "fixed inset-0 w-full h-full" }, [
+          h("div", { class: "fixed inset-0 w-full h-full bg-default" }, [
             h(VHeaderInternal, args),
           ]),
         ])
diff --git a/frontend/src/components/VIconButton/meta/VIconButton.stories.ts b/frontend/src/components/VIconButton/meta/VIconButton.stories.ts
index 87172a1c990..501186d57de 100644
--- a/frontend/src/components/VIconButton/meta/VIconButton.stories.ts
+++ b/frontend/src/components/VIconButton/meta/VIconButton.stories.ts
@@ -2,6 +2,8 @@ import { h } from "vue"
 
 import { baseButtonSizes, baseButtonVariants } from "~/types/button"
 
+import { WithScreenshotArea } from "~~/.storybook/decorators/with-screenshot-area"
+
 import VIconButton from "~/components/VIconButton/VIconButton.vue"
 
 import type { Meta, StoryObj } from "@storybook/vue3"
@@ -9,6 +11,7 @@ import type { Meta, StoryObj } from "@storybook/vue3"
 const meta = {
   title: "Components/VIconButton",
   component: VIconButton,
+  decorators: [WithScreenshotArea],
 
   argTypes: {
     size: {
diff --git a/frontend/src/components/VLanguageSelect/meta/VLanguageSelect.stories.ts b/frontend/src/components/VLanguageSelect/meta/VLanguageSelect.stories.ts
index ecb41165e28..d6b40e705bd 100644
--- a/frontend/src/components/VLanguageSelect/meta/VLanguageSelect.stories.ts
+++ b/frontend/src/components/VLanguageSelect/meta/VLanguageSelect.stories.ts
@@ -1,5 +1,7 @@
 import { h } from "vue"
 
+import { WithScreenshotArea } from "~~/.storybook/decorators/with-screenshot-area"
+
 import VLanguageSelect from "~/components/VLanguageSelect/VLanguageSelect.vue"
 
 import type { Meta, StoryObj } from "@storybook/vue3"
@@ -7,6 +9,7 @@ import type { Meta, StoryObj } from "@storybook/vue3"
 const meta = {
   title: "Components/VLanguageSelect",
   component: VLanguageSelect,
+  decorators: [WithScreenshotArea],
 } satisfies Meta<typeof VLanguageSelect>
 
 export default meta
diff --git a/frontend/src/components/VSelectField/meta/VSelectField.stories.ts b/frontend/src/components/VSelectField/meta/VSelectField.stories.ts
index b9c4b501067..03b1e27e359 100644
--- a/frontend/src/components/VSelectField/meta/VSelectField.stories.ts
+++ b/frontend/src/components/VSelectField/meta/VSelectField.stories.ts
@@ -1,5 +1,7 @@
 import { h, ref } from "vue"
 
+import { WithScreenshotArea } from "~~/.storybook/decorators/with-screenshot-area"
+
 import VIcon from "~/components/VIcon/VIcon.vue"
 import VSelectField from "~/components/VSelectField/VSelectField.vue"
 
@@ -19,6 +21,7 @@ const baseArgs = {
 const meta = {
   title: "Components/VSelectField",
   component: VSelectField,
+  decorators: [WithScreenshotArea],
 
   argTypes: {
     "onUpdate:modelValue": {
diff --git a/frontend/src/components/meta/Focus.stories.js b/frontend/src/components/meta/Focus.stories.js
index bbf9264f770..cd62c21df51 100644
--- a/frontend/src/components/meta/Focus.stories.js
+++ b/frontend/src/components/meta/Focus.stories.js
@@ -57,18 +57,3 @@ export const BoldFilled = {
     classNames: ["focus-bold-filled"],
   },
 }
-
-export const Colored = {
-  render: GetTemplate("bg-tertiary text-over-dark border border-tx").bind({}),
-  name: "Colored",
-
-  args: {
-    classNames: ["focus-slim-tx bg-complementary"],
-  },
-
-  parameters: {
-    backgrounds: {
-      default: "dark",
-    },
-  },
-}
diff --git a/frontend/test/storybook/playwright.config.ts b/frontend/test/storybook/playwright.config.ts
index 1ce1bcaf5ee..d7d36ea2e31 100644
--- a/frontend/test/storybook/playwright.config.ts
+++ b/frontend/test/storybook/playwright.config.ts
@@ -1,8 +1,6 @@
-import type { PlaywrightTestConfig } from "@playwright/test"
+import { defineConfig } from "@playwright/test"
 
-const config: PlaywrightTestConfig = {
-  snapshotPathTemplate:
-    "visual-regression/{testFileName}-snapshots/{arg}-linux.png",
+export default defineConfig({
   forbidOnly: !!process.env.CI,
   webServer: {
     command: "pnpm prod:storybook",
@@ -15,12 +13,4 @@ const config: PlaywrightTestConfig = {
     trace: "retain-on-failure",
   },
   timeout: 60 * 1e3, // 1 minute
-  expect: {
-    toMatchSnapshot: {
-      // To avoid flaky tests, we allow a small amount of pixel difference.
-      maxDiffPixelRatio: 0.01,
-    },
-  },
-}
-
-export default config
+})
diff --git a/frontend/test/storybook/utils/expect-snapshot.ts b/frontend/test/storybook/utils/expect-snapshot.ts
new file mode 100644
index 00000000000..6eae16a5394
--- /dev/null
+++ b/frontend/test/storybook/utils/expect-snapshot.ts
@@ -0,0 +1,24 @@
+import {
+  Expect,
+  expect,
+  Locator,
+  LocatorScreenshotOptions,
+  Page,
+  PageScreenshotOptions,
+} from "@playwright/test"
+
+export type ExpectSnapshotOptions = {
+  screenshotOptions: LocatorScreenshotOptions | PageScreenshotOptions
+  snapshotOptions: Parameters<ReturnType<Expect>["toMatchSnapshot"]>[0]
+}
+
+export const expectSnapshot = async (
+  name: string,
+  locator: Locator | Page,
+  options?: ExpectSnapshotOptions
+) => {
+  const snapshotName = `${name}.png`
+  return expect(
+    await locator.screenshot(options?.screenshotOptions)
+  ).toMatchSnapshot(snapshotName, options?.snapshotOptions)
+}
diff --git a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-hovered-sm-linux.png b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-hovered-sm-linux.png
index a9a860bf700..7dd203255d8 100644
Binary files a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-hovered-sm-linux.png and b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-hovered-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-hovered-xl-linux.png b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-hovered-xl-linux.png
index e4965f53958..6bdfd5f09e3 100644
Binary files a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-hovered-xl-linux.png and b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-hovered-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-sm-linux.png b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-sm-linux.png
index c2985ffcf66..b957f6e93c4 100644
Binary files a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-sm-linux.png and b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-xl-linux.png b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-xl-linux.png
index 8cf17b3ce4e..648753ab217 100644
Binary files a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-xl-linux.png and b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-focused-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-hovered-sm-linux.png b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-hovered-sm-linux.png
index 6326d4c6d72..001b7d1f400 100644
Binary files a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-hovered-sm-linux.png and b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-hovered-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-hovered-xl-linux.png b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-hovered-xl-linux.png
index 6df3413c96b..f44d09d93c6 100644
Binary files a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-hovered-xl-linux.png and b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-hovered-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-resting-sm-linux.png b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-resting-sm-linux.png
index 25baace891d..bf5e7947fdf 100644
Binary files a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-resting-sm-linux.png and b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-resting-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-resting-xl-linux.png b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-resting-xl-linux.png
index 760edcc9250..70ef60ec61b 100644
Binary files a/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-resting-xl-linux.png and b/frontend/test/storybook/visual-regression/custom-button-components.spec.ts-snapshots/v-load-more-resting-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/focus.spec.ts b/frontend/test/storybook/visual-regression/focus.spec.ts
index 01a3389b2e0..cd4c0037a23 100644
--- a/frontend/test/storybook/visual-regression/focus.spec.ts
+++ b/frontend/test/storybook/visual-regression/focus.spec.ts
@@ -1,13 +1,11 @@
-import { test, expect, Page, Locator } from "@playwright/test"
+import { test, Page } from "@playwright/test"
+
+import { expectSnapshot } from "~~/test/storybook/utils/expect-snapshot"
 
 const goTo = async (page: Page, slug: string) => {
   await page.goto(`/iframe.html?id=meta-focus--${slug}`)
 }
 
-const expectSnapshot = async (name: string, elem: Locator) => {
-  expect(await elem.screenshot()).toMatchSnapshot({ name: `${name}.png` })
-}
-
 const allSlugs = [
   "slim-transparent",
   "slim-filled",
@@ -23,6 +21,7 @@ test.describe("Focus", () => {
     test(`focus-${slug}`, async ({ page }) => {
       await goTo(page, slug)
       await page.focus('[data-testid="focus-target"]')
+
       await expectSnapshot(`focus-${slug}`, page.locator(".screenshot-area"))
     })
   }
diff --git a/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-colored-linux.png b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-colored-linux.png
deleted file mode 100644
index a0243052667..00000000000
Binary files a/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-colored-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-borderless-linux.png b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-borderless-linux.png
index e8db3988c2a..4c53c7b3d36 100644
Binary files a/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-borderless-linux.png and b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-borderless-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-linux.png b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-linux.png
index 28166756929..29ded1fb830 100644
Binary files a/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-linux.png and b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-transparent-linux.png b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-transparent-linux.png
index 006cfce7207..3ba72f5e7ea 100644
Binary files a/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-transparent-linux.png and b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-transparent-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts b/frontend/test/storybook/visual-regression/v-button.spec.ts
index 9f189ee9c19..3ccf60f4407 100644
--- a/frontend/test/storybook/visual-regression/v-button.spec.ts
+++ b/frontend/test/storybook/visual-regression/v-button.spec.ts
@@ -1,7 +1,9 @@
-import { expect, test } from "@playwright/test"
+import { test } from "@playwright/test"
 
 import { makeGotoWithArgs } from "~~/test/storybook/utils/args"
 
+import { expectSnapshot } from "~~/test/storybook/utils/expect-snapshot"
+
 import { buttonVariants } from "~/types/button"
 
 const buttonLocator = "text=Code is Poetry"
@@ -17,34 +19,29 @@ test.describe("VButton", () => {
   for (const variant of nonPressedVariants) {
     test(`${variant} resting`, async ({ page }) => {
       await gotoWithArgs(page, { variant })
-      expect(await page.locator(wrapperLocator).screenshot()).toMatchSnapshot({
-        name: `${variant}-resting.png`,
-      })
+      await expectSnapshot(`${variant}-resting`, page.locator(wrapperLocator))
     })
 
     test(`${variant} hovered`, async ({ page }) => {
       await gotoWithArgs(page, { variant })
       await page.hover(buttonLocator)
-      expect(await page.locator(wrapperLocator).screenshot()).toMatchSnapshot({
-        name: `${variant}-hovered.png`,
-      })
+      await expectSnapshot(`${variant}-hovered`, page.locator(wrapperLocator))
     })
 
     test(`${variant} focused`, async ({ page }) => {
       await gotoWithArgs(page, { variant })
       await page.focus(buttonLocator)
-      expect(await page.locator(wrapperLocator).screenshot()).toMatchSnapshot({
-        name: `${variant}-focused.png`,
-      })
+      await expectSnapshot(`${variant}-focused`, page.locator(wrapperLocator))
     })
 
     test(`${variant} focused hovered`, async ({ page }) => {
       await gotoWithArgs(page, { variant })
       await page.focus(buttonLocator)
       await page.hover(buttonLocator)
-      expect(await page.locator(wrapperLocator).screenshot()).toMatchSnapshot({
-        name: `${variant}-focused-hovered.png`,
-      })
+      await expectSnapshot(
+        `${variant}-focused-hovered`,
+        page.locator(wrapperLocator)
+      )
     })
   }
 })
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-hovered-linux.png
index d18e4dc864d..da7b51518bc 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-linux.png
index d18e4dc864d..da7b51518bc 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-hovered-linux.png
index 24f67f909cd..38a248e6179 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-resting-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-resting-linux.png
index 5c5eb920b13..2e09c69b339 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-resting-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-resting-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-hovered-linux.png
index d18e4dc864d..da7b51518bc 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-linux.png
index d18e4dc864d..ae466413d0c 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-hovered-linux.png
index ef67a126ea9..2e09c69b339 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-resting-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-resting-linux.png
index 756e0a061e7..70c6528efb9 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-resting-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-resting-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-hovered-linux.png
index 09d36e5cf53..94117fd3560 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-linux.png
index f9d6e753846..8aed43ec207 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-hovered-linux.png
index b56de720475..decaa55ea39 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-resting-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-resting-linux.png
index c41366e55e2..22e8024f39f 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-resting-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-resting-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-hovered-linux.png
index a3c34131a2b..8aed43ec207 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-linux.png
index cd144c729a3..d9233acb0c0 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-hovered-linux.png
index c41366e55e2..22e8024f39f 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-resting-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-resting-linux.png
index 824cdb7d3a3..6c6ea99fe37 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-resting-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-resting-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-hovered-linux.png
index fde4baf1f91..8695794fe9a 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-linux.png
index 08bbda1cb8a..3516e875de2 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-hovered-linux.png
index 8bc5e31a639..0d45ae79978 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-resting-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-resting-linux.png
index b7963a9b73a..4557e35c18b 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-resting-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-resting-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-hovered-linux.png
index a3c34131a2b..8aed43ec207 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-linux.png
index d18e4dc864d..bcd29360271 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-hovered-linux.png
index c41366e55e2..22e8024f39f 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-resting-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-resting-linux.png
index 756e0a061e7..70c6528efb9 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-resting-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-resting-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-hovered-linux.png
index 427486554e1..db2742c9851 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-linux.png
index 427486554e1..db2742c9851 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-hovered-linux.png
index 7421bdb5b51..db2742c9851 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-resting-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-resting-linux.png
index 7421bdb5b51..db2742c9851 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-resting-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-resting-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-hovered-linux.png
index aea1d2bf117..5e3c116aa1e 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-linux.png
index aea1d2bf117..5e3c116aa1e 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-hovered-linux.png
index 24f67f909cd..38a248e6179 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-pressed-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-pressed-hovered-linux.png
deleted file mode 100644
index 3bd5a777612..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-pressed-hovered-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-pressed-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-pressed-linux.png
deleted file mode 100644
index 3bd5a777612..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-pressed-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-resting-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-resting-linux.png
index 24f67f909cd..38a248e6179 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-resting-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-resting-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-hovered-linux.png
index f7f10bdfbfe..a3f597d983e 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-linux.png
index 4b8ef76c3aa..a04bb896184 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-hovered-linux.png
index 1dc23f21e0e..54314404217 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-resting-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-resting-linux.png
index 756e0a061e7..8a6434d773e 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-resting-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-resting-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-hovered-linux.png
index 59718f5f2d6..787c5032900 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-linux.png
index 4b8ef76c3aa..a04bb896184 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-hovered-linux.png
index 824cdb7d3a3..23850e20885 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-resting-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-resting-linux.png
index 756e0a061e7..8a6434d773e 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-resting-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-resting-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-hovered-linux.png
index 4b8ef76c3aa..a04bb896184 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-linux.png
index 4b8ef76c3aa..a04bb896184 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-hovered-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-hovered-linux.png
index 481861ea5ee..8a6434d773e 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-resting-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-resting-linux.png
index 481861ea5ee..8a6434d773e 100644
Binary files a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-resting-linux.png and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-resting-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts
index b3bbeacb112..366841fe82e 100644
--- a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts
+++ b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts
@@ -1,4 +1,6 @@
-import { test, expect } from "@playwright/test"
+import { test } from "@playwright/test"
+
+import { expectSnapshot } from "~~/test/storybook/utils/expect-snapshot"
 
 test.describe.configure({ mode: "parallel" })
 
@@ -9,27 +11,19 @@ test.describe("v-checkbox", () => {
     })
 
     test("default", async ({ page }) => {
-      expect(
-        await page.locator(".screenshot-area").screenshot()
-      ).toMatchSnapshot({ name: "default.png" })
+      await expectSnapshot("default", page.locator(".screenshot-area"))
     })
 
     test("hover", async ({ page }) => {
       const checkbox = page.locator('input[type="checkbox"]')
       await checkbox.hover()
-      expect(
-        await page.locator(".screenshot-area").screenshot()
-      ).toMatchSnapshot({ name: "hover.png" })
+      await expectSnapshot("hover", page.locator(".screenshot-area"))
     })
 
     test("focused", async ({ page }) => {
       const checkbox = page.locator('input[type="checkbox"]')
       await checkbox.focus()
-      expect(
-        await page.locator(".screenshot-area").screenshot()
-      ).toMatchSnapshot({
-        name: "focused.png",
-      })
+      await expectSnapshot("focused", page.locator(".screenshot-area"))
     })
 
     test("disabled", async ({ page }) => {
@@ -37,58 +31,37 @@ test.describe("v-checkbox", () => {
       await checkbox.evaluate((checkbox) => {
         ;(checkbox as HTMLInputElement).disabled = true
       })
-      expect(
-        await page.locator(".screenshot-area").screenshot()
-      ).toMatchSnapshot({
-        name: "disabled.png",
-      })
+      await expectSnapshot("disabled", page.locator(".screenshot-area"))
     })
 
     test("on", async ({ page }) => {
-      const checkbox = page.locator('input[type="checkbox"]')
+      const checkbox = page.getByRole("checkbox")
       await checkbox.click()
-      expect(
-        await page.locator(".screenshot-area").screenshot()
-      ).toMatchSnapshot({ name: "on.png" })
+      await expectSnapshot("on", page.locator(".screenshot-area"))
     })
 
     test("on focused", async ({ page }) => {
-      const checkbox = page.locator('input[type="checkbox"]')
+      const checkbox = page.getByRole("checkbox")
       await checkbox.focus()
       await page.keyboard.press("Space")
-      expect(
-        await page.locator(".screenshot-area").screenshot()
-      ).toMatchSnapshot({
-        name: "on-focused.png",
-      })
+      await expectSnapshot("on-focused", page.locator(".screenshot-area"))
     })
 
     test("on disabled", async ({ page }) => {
-      const checkbox = page.locator('input[type="checkbox"]')
+      const checkbox = page.getByRole("checkbox")
       await checkbox.click()
       await checkbox.evaluate((checkbox) => {
         ;(checkbox as HTMLInputElement).disabled = true
       })
-      expect(
-        await page.locator(".screenshot-area").screenshot()
-      ).toMatchSnapshot({
-        name: "on-disabled.png",
-      })
+      await expectSnapshot("on-disabled", page.locator(".screenshot-area"))
     })
 
     test("on-and-off", async ({ page }) => {
       // toggle on and off again
-      const checkbox = page.locator('input[type="checkbox"]')
+      const checkbox = page.getByRole("checkbox")
       await checkbox.click()
-      // `force: true` is required because the `input`'s pointer events are actually intercepted by the visual SVG.
-      // We still want to check that it works though as that does mimic the user behavior of checking directly on the checkbox.
-      // eslint-disable-next-line playwright/no-force-option
-      await checkbox.click({ force: true })
-      expect(
-        await page.locator(".screenshot-area").screenshot()
-      ).toMatchSnapshot({
-        name: "on-and-off.png",
-      })
+      await checkbox.click()
+      await expectSnapshot("default", page.locator(".screenshot-area"))
     })
   })
 })
diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/disabled-linux.png b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/disabled-linux.png
index 25a46550a9c..ec740b407e3 100644
Binary files a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/disabled-linux.png and b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/disabled-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-and-off-linux.png b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-and-off-linux.png
deleted file mode 100644
index b6c5cded7e6..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-and-off-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-disabled-linux.png b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-disabled-linux.png
index 96ac2f6050b..216796c4b10 100644
Binary files a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-disabled-linux.png and b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-disabled-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-focused-linux.png b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-focused-linux.png
index bdfefbd7805..6caf4e4df1a 100644
Binary files a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-focused-linux.png and b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-linux.png b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-linux.png
index 54099746aca..765dba2d701 100644
Binary files a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-linux.png and b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts
index bac1f2202e5..50a59eec76e 100644
--- a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts
+++ b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts
@@ -1,18 +1,19 @@
 import { test } from "@playwright/test"
 
 import breakpoints from "~~/test/playwright/utils/breakpoints"
+import { dirParam } from "~~/test/storybook/utils/args"
 
 test.describe.configure({ mode: "parallel" })
 
 test.describe("VCollectionHeader", () => {
   breakpoints.describeEvery(({ expectSnapshot }) => {
-    for (const languageDirection of ["ltr", "rtl"]) {
-      test(`All headers ${languageDirection}`, async ({ page }) => {
+    for (const dir of ["ltr", "rtl"] as const) {
+      test(`All headers ${dir}`, async ({ page }) => {
         await page.goto(
-          `/iframe.html?id=components-vcollectionheader--all-collections`
+          `/iframe.html?id=components-vcollectionheader--all-collections${dirParam(dir)}`
         )
         await expectSnapshot(
-          `VCollectionHeaders-${languageDirection}`,
+          `VCollectionHeaders-${dir}`,
           page.locator(".wrapper")
         )
       })
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-2xl-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-2xl-linux.png
index 037dcd214a5..df6cd1fc391 100644
Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-2xl-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-lg-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-lg-linux.png
index 7e94a88e2f3..3d5681daaa5 100644
Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-lg-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-md-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-md-linux.png
index 035e0229c7e..57bd75d75b8 100644
Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-md-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-sm-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-sm-linux.png
index d1341443a34..82050354ecc 100644
Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-sm-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xl-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xl-linux.png
index d21c9ed0561..7d91dc3d496 100644
Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xl-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xs-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xs-linux.png
index 78c3c4f8c4d..f1ad166e4d6 100644
Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xs-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-2xl-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-2xl-linux.png
index 0b0af74409c..7100302883e 100644
Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-2xl-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-lg-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-lg-linux.png
index 7e94a88e2f3..1b2616bee80 100644
Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-lg-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-md-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-md-linux.png
index 06ff84c7deb..ed1a7366c71 100644
Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-md-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-sm-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-sm-linux.png
index d1341443a34..1f8affacc4f 100644
Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-sm-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xl-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xl-linux.png
index 56c7e575b68..3c7421c94e7 100644
Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xl-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xs-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xs-linux.png
index 91f89469449..b3c16cfd210 100644
Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xs-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-0-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-0-checked-sm-linux.png
index 4ec2cee83b6..73227a82e97 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-0-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-0-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-0-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-0-checked-xl-linux.png
index d47f1698e6c..028bd90868f 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-0-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-0-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-1-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-1-checked-sm-linux.png
index f8953f19890..f3aa457ab8a 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-1-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-1-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-1-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-1-checked-xl-linux.png
index 36505990dd5..ffd48382cbe 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-1-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-1-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-12-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-12-checked-sm-linux.png
index f5fcdd6585b..6b494cfe0dc 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-12-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-12-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-12-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-12-checked-xl-linux.png
index 12fb393ce0d..968bfe34215 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-12-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-12-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-0-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-0-checked-sm-linux.png
index 6da127703f5..b6cac4844fa 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-0-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-0-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-0-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-0-checked-xl-linux.png
index 9731f09e655..98cfb113240 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-0-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-0-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-1-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-1-checked-sm-linux.png
index 4a1d793226f..e22700ce35d 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-1-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-1-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-1-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-1-checked-xl-linux.png
index e2247855662..8c5bb965e2f 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-1-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-1-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-12-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-12-checked-sm-linux.png
index 53cf5678a15..869c23969a9 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-12-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-12-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-12-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-12-checked-xl-linux.png
index bea8f3b320e..e07189fe9b8 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-12-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-12-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-0-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-0-checked-sm-linux.png
index 3650b645818..3c4a857917e 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-0-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-0-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-0-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-0-checked-xl-linux.png
index 30c43a3788f..9a4754f823b 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-0-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-0-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-1-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-1-checked-sm-linux.png
index 136dd35afed..110642409fe 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-1-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-1-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-1-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-1-checked-xl-linux.png
index 27848c2b735..f7309efb440 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-1-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-1-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-12-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-12-checked-sm-linux.png
index ba65523a9d2..16bb5ba5c32 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-12-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-12-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-12-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-12-checked-xl-linux.png
index 6a899e4a628..f0735055e9f 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-12-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-hovered-12-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-0-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-0-checked-sm-linux.png
index 9856c5355a2..470c25af087 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-0-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-0-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-0-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-0-checked-xl-linux.png
index b24e4df5d19..a2a408391ea 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-0-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-0-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-1-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-1-checked-sm-linux.png
index 253ddff6937..ec5c1d10eb0 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-1-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-1-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-1-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-1-checked-xl-linux.png
index 18dc8703342..2aede28ebcb 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-1-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-1-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-12-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-12-checked-sm-linux.png
index 6e18a20a5fb..2992029e66b 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-12-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-12-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-12-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-12-checked-xl-linux.png
index 1bcfd6eebf9..1429dcbc912 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-12-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-12-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-0-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-0-checked-sm-linux.png
index afbe64c778a..3842fd213c4 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-0-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-0-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-0-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-0-checked-xl-linux.png
index a064833ff0a..336e0adf445 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-0-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-0-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-1-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-1-checked-sm-linux.png
index 1a24cc589f6..3dc7f35a63f 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-1-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-1-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-1-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-1-checked-xl-linux.png
index 12444e562de..5a144cc20a8 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-1-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-1-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-12-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-12-checked-sm-linux.png
index 5a7e9dd3fdf..0bf6f42c922 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-12-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-12-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-12-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-12-checked-xl-linux.png
index c201930ae85..8695ee9b40c 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-12-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-12-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-0-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-0-checked-sm-linux.png
index 8b538eb275a..9ce4e39b5d1 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-0-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-0-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-0-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-0-checked-xl-linux.png
index c0276016b54..d6081e56d1a 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-0-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-0-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-1-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-1-checked-sm-linux.png
index cf8fcc39ed3..cd37d67fe83 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-1-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-1-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-1-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-1-checked-xl-linux.png
index 845cafddefa..8a7cd5d098a 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-1-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-1-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-12-checked-sm-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-12-checked-sm-linux.png
index 08b7bfc4417..44e4dc8edd9 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-12-checked-sm-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-12-checked-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-12-checked-xl-linux.png b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-12-checked-xl-linux.png
index 53adc795ab4..6ee34300c1e 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-12-checked-xl-linux.png and b/frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-hovered-12-checked-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts
index 1da763f08ff..96dd547a188 100644
--- a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts
+++ b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts
@@ -2,6 +2,7 @@ import { expect, type Page, test } from "@playwright/test"
 
 import { makeUrlWithArgs } from "~~/test/storybook/utils/args"
 import { waitForResponse } from "~~/test/storybook/utils/response"
+import { expectSnapshot } from "~~/test/storybook/utils/expect-snapshot"
 
 const urlWithArgs = makeUrlWithArgs(
   "components-vheader-vheadermobile-vfiltertab--default"
@@ -52,8 +53,9 @@ test.describe("VFilterTab", () => {
       await goAndWaitForSvg(page, { appliedFilterCount, isSelected: true })
       await focusFiltersTab(page)
 
-      expect(await page.locator(wrapper).screenshot()).toMatchSnapshot(
-        `filter-tab-focused-${appliedFilterCount}.png`
+      await expectSnapshot(
+        `filter-tab-focused-${appliedFilterCount}`,
+        page.locator(wrapper)
       )
     })
 
@@ -64,8 +66,9 @@ test.describe("VFilterTab", () => {
       await focusFiltersTab(page)
       await hoverFiltersTab(page)
 
-      expect(await page.locator(wrapper).screenshot()).toMatchSnapshot(
-        `filter-tab-focused-hovered-${appliedFilterCount}.png`
+      await expectSnapshot(
+        `filter-tab-focused-hovered-${appliedFilterCount}`,
+        page.locator(wrapper)
       )
     })
 
@@ -76,8 +79,9 @@ test.describe("VFilterTab", () => {
       }) => {
         await goAndWaitForSvg(page, { appliedFilterCount, isSelected })
 
-        expect(await page.locator(wrapper).screenshot()).toMatchSnapshot(
-          `filter-tab-resting-${selected}-${appliedFilterCount}.png`
+        await expectSnapshot(
+          `filter-tab-resting-${selected}-${appliedFilterCount}`,
+          page.locator(wrapper)
         )
       })
 
@@ -87,8 +91,9 @@ test.describe("VFilterTab", () => {
         await goAndWaitForSvg(page, { appliedFilterCount, isSelected })
         await hoverFiltersTab(page)
 
-        expect(await page.locator(wrapper).screenshot()).toMatchSnapshot(
-          `filter-tab-hovered-${selected}-${appliedFilterCount}.png`
+        await expectSnapshot(
+          `filter-tab-hovered-${selected}-${appliedFilterCount}`,
+          page.locator(wrapper)
         )
       })
     }
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-0-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-0-linux.png
index 98aa25d61ba..fb1a954a4cc 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-0-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-0-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-1-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-1-linux.png
index d0d0f0e6421..357ae7bb0b9 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-1-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-1-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-12-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-12-linux.png
index caa48b8129d..d91992c8485 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-12-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-12-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-0-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-0-linux.png
index b144994a5b1..376dad2defa 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-0-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-0-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-1-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-1-linux.png
index 4aea2cab583..17dbcdfca52 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-1-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-1-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-12-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-12-linux.png
index 5ae4ad8fa12..d9596bd012f 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-12-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-12-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-0-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-0-linux.png
index 3992da22881..33938a3cec5 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-0-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-0-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-1-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-1-linux.png
index 4ff9d75f0b0..f7b0142f37a 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-1-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-1-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-12-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-12-linux.png
index 88540bb141d..de2b5af9555 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-12-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-12-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-0-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-0-linux.png
index 8cb59870b1a..107e084a39c 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-0-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-0-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-1-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-1-linux.png
index b0e7693d0dd..c1ea65ac15f 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-1-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-1-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-12-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-12-linux.png
index 517fd7cef31..63aa96a2acb 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-12-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-12-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-0-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-0-linux.png
index 6ff067fecb2..f4b822b5ba1 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-0-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-0-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-1-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-1-linux.png
index 2bda7fd3670..fbfe3c13a9d 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-1-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-1-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-12-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-12-linux.png
index 59ac0c27941..734736679b4 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-12-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-12-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-0-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-0-linux.png
index 053354db3fa..1247a9ea86e 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-0-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-0-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-1-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-1-linux.png
index 46f36ead016..2062b688492 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-1-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-1-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-12-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-12-linux.png
index 36aad7eb482..2c828571b94 100644
Binary files a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-12-linux.png and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-12-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts b/frontend/test/storybook/visual-regression/v-footer.spec.ts
index e904c7efc0c..07ab9768599 100644
--- a/frontend/test/storybook/visual-regression/v-footer.spec.ts
+++ b/frontend/test/storybook/visual-regression/v-footer.spec.ts
@@ -1,11 +1,10 @@
-import { expect, Page, test } from "@playwright/test"
+import { expect, test } from "@playwright/test"
 
 import breakpoints from "~~/test/playwright/utils/breakpoints"
 
 import {
   type LanguageDirection,
   languageDirections,
-  t,
 } from "~~/test/playwright/utils/i18n"
 
 import { dirParam } from "~~/test/storybook/utils/args"
@@ -17,28 +16,6 @@ const storyUrl = (
   dir: LanguageDirection
 ) => `/iframe.html?id=components-vfooter--${footerKind}${dirParam(dir)}`
 
-/**
- * Changes the language using the language select, and checks for elements to
- * be visible to ensure that the page is fully-loaded.
- */
-const setLanguageDirection = async (
-  page: Page,
-  dir: LanguageDirection,
-  footerKind: (typeof footerKinds)[number]
-) => {
-  if (dir !== "rtl") {
-    return
-  }
-  await page.locator("#language").selectOption({ value: "ar" })
-  if (footerKind === "internal") {
-    // The WP svg inside a link. The text with a placeholder is flaky in RTL.
-    await expect(page.locator("a svg")).toBeVisible()
-  } else {
-    const aboutLink = page.getByText(t("navigation.about", "rtl"))
-    await expect(aboutLink).toBeVisible()
-  }
-}
-
 test.describe.configure({ mode: "parallel" })
 
 test.describe("VFooter", () => {
@@ -48,7 +25,8 @@ test.describe("VFooter", () => {
         test(`footer-${footerKind}-${dir}`, async ({ page }) => {
           await page.goto(storyUrl(footerKind, dir))
 
-          await setLanguageDirection(page, dir, footerKind)
+          // Ensure the component is hydrated by checking that language or theme select is enabled
+          await expect(page.getByRole("combobox").nth(0)).toBeEnabled()
 
           await expectSnapshot(
             `footer-${footerKind}-${dir}`,
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-2xl-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-2xl-linux.png
index d9b16b5fe83..f80e489859a 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-2xl-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-lg-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-lg-linux.png
index 1a840317611..fd136e78370 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-lg-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-md-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-md-linux.png
index 2e4fb9399fb..68cf3bbf77b 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-md-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-sm-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-sm-linux.png
index e342dee4691..9ac34a916f2 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-sm-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-xl-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-xl-linux.png
index b8cb4e605a2..372a7b01e8b 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-xl-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-xs-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-xs-linux.png
index 8422c78c351..0542d06958a 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-xs-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-2xl-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-2xl-linux.png
index 612703669e9..feb5172624f 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-2xl-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-lg-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-lg-linux.png
index 833c7a35dae..5a8fb57b147 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-lg-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-md-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-md-linux.png
index 9146c437314..39b1268f279 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-md-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-sm-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-sm-linux.png
index 122dfb541fa..ca6e8e01ef3 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-sm-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-xl-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-xl-linux.png
index 11fc4424c46..a5eaa8c82db 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-xl-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-xs-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-xs-linux.png
index da9c52d39c7..6b56a4994e2 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-xs-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-2xl-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-2xl-linux.png
index f87af810559..6b6a7a8e384 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-2xl-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-lg-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-lg-linux.png
index 6316854a58f..bdee5ca7e63 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-lg-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-xl-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-xl-linux.png
index ce7ea29247e..e1d3592d54d 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-xl-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-2xl-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-2xl-linux.png
index b71792adc6f..02ada3d433e 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-2xl-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-lg-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-lg-linux.png
index fe6b8f76dd0..cbd9bc57b08 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-lg-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-md-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-md-linux.png
index 6be22d94192..aadeb5bfd51 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-md-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-xl-linux.png b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-xl-linux.png
index 3cf1c3bd511..bf9698133b6 100644
Binary files a/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-xl-linux.png and b/frontend/test/storybook/visual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts
index 527abaf03ee..230d1bc148b 100644
--- a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts
+++ b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts
@@ -1,4 +1,4 @@
-import { expect, test } from "@playwright/test"
+import { test } from "@playwright/test"
 
 import breakpoints from "~~/test/playwright/utils/breakpoints"
 import {
@@ -29,7 +29,7 @@ test.describe("VHeaderInternal", () => {
         })
       })
 
-      breakpoints.describeXs(({ breakpoint }) => {
+      breakpoints.describeXs(({ expectSnapshot }) => {
         test(`mobile header closed`, async ({ page }) => {
           await page.goto(pageUrl(dir))
 
@@ -41,8 +41,9 @@ test.describe("VHeaderInternal", () => {
 
           await page.mouse.move(0, 150)
 
-          await expect(page.locator(headerSelector)).toHaveScreenshot(
-            `mobile-header-internal-closed-${dir}-${breakpoint}.png`
+          await expectSnapshot(
+            `mobile-header-internal-closed-${dir}`,
+            page.locator(headerSelector)
           )
         })
       })
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/desktop-header-internal-rtl-2xl-linux.png b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/desktop-header-internal-rtl-2xl-linux.png
index 2945079f5d9..1ab5eb52a98 100644
Binary files a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/desktop-header-internal-rtl-2xl-linux.png and b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/desktop-header-internal-rtl-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-ltr-md-linux.png b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-ltr-md-linux.png
deleted file mode 100644
index 840aa777095..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-ltr-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-ltr-sm-linux.png b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-ltr-sm-linux.png
deleted file mode 100644
index 7eff260221b..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-ltr-sm-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-ltr-xs-linux.png b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-ltr-xs-linux.png
index e50f925ab61..50c7c1a347a 100644
Binary files a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-ltr-xs-linux.png and b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-ltr-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-rtl-md-linux.png b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-rtl-md-linux.png
deleted file mode 100644
index d85155d9ba0..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-rtl-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-rtl-sm-linux.png b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-rtl-sm-linux.png
deleted file mode 100644
index 5dc976a1181..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-closed-rtl-sm-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-md-linux.png b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-md-linux.png
index f8c7a0f3259..2b2308e4c97 100644
Binary files a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-md-linux.png and b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-sm-linux.png b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-sm-linux.png
index c8dff112a2a..0d4403a5954 100644
Binary files a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-sm-linux.png and b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-xs-linux.png b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-xs-linux.png
index d5def5646c2..a6624c53b63 100644
Binary files a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-xs-linux.png and b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-md-linux.png b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-md-linux.png
index b60a89491ed..c2184721c78 100644
Binary files a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-md-linux.png and b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-sm-linux.png b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-sm-linux.png
index 1e11c5c0bbb..31b00578357 100644
Binary files a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-sm-linux.png and b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-xs-linux.png b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-xs-linux.png
index a95169fe679..d11b4c06f76 100644
Binary files a/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-xs-linux.png and b/frontend/test/storybook/visual-regression/v-header-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-icon-button.spec.ts b/frontend/test/storybook/visual-regression/v-icon-button.spec.ts
index ad1e1557fb0..cde6ce9cb59 100644
--- a/frontend/test/storybook/visual-regression/v-icon-button.spec.ts
+++ b/frontend/test/storybook/visual-regression/v-icon-button.spec.ts
@@ -1,12 +1,19 @@
 import { expect, test } from "@playwright/test"
 
+import { expectSnapshot } from "~~/test/storybook/utils/expect-snapshot"
+
 test.describe("VIconButton", () => {
   const url = "/iframe.html?id=components-viconbutton--sizes"
 
   test("icon button sizes", async ({ page }) => {
     await page.goto(url)
-    expect(await page.screenshot()).toMatchSnapshot({
-      name: "v-icon-button-sizes.png",
-    })
+
+    // Wait for buttons to be hydrated
+    await expect(page.getByRole("button")).toHaveCount(3)
+    await expect(page.getByRole("button").nth(0)).toBeEnabled()
+    await expectSnapshot(
+      "v-icon-button-sizes",
+      page.locator(".screenshot-area")
+    )
   })
 })
diff --git a/frontend/test/storybook/visual-regression/v-icon-button.spec.ts-snapshots/v-icon-button-sizes-linux.png b/frontend/test/storybook/visual-regression/v-icon-button.spec.ts-snapshots/v-icon-button-sizes-linux.png
index 8824b6a5cb2..5b508a40580 100644
Binary files a/frontend/test/storybook/visual-regression/v-icon-button.spec.ts-snapshots/v-icon-button-sizes-linux.png and b/frontend/test/storybook/visual-regression/v-icon-button.spec.ts-snapshots/v-icon-button-sizes-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xl-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xl-linux.png
index d8b73eefb11..012473b59be 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xl-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xs-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xs-linux.png
index 5f061f0d355..ea55f40f766 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xs-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xl-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xl-linux.png
index d8b73eefb11..012473b59be 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xl-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xs-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xs-linux.png
index 5f061f0d355..ea55f40f766 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xs-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xl-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xl-linux.png
index da3482a9c1d..62407a3e0d4 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xl-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xs-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xs-linux.png
index 153f6f5efd4..13dfbcb54dd 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xs-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xs-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xs-linux.png
index a17ba9c1119..dcfd9124ba9 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xs-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xl-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xl-linux.png
index f07cdb379f0..30a8a048f4a 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xl-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xs-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xs-linux.png
index 88dc15e9521..e4b10ea0cad 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xs-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xl-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xl-linux.png
index f07cdb379f0..30a8a048f4a 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xl-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xs-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xs-linux.png
index 88dc15e9521..e4b10ea0cad 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xs-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xl-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xl-linux.png
index 2f2ba384b4a..dcf1fce83d9 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xl-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xs-linux.png b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xs-linux.png
index 30fef24ba23..eea551ba3dd 100644
Binary files a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xs-linux.png and b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-language-select.spec.ts b/frontend/test/storybook/visual-regression/v-language-select.spec.ts
index fdd2b7d8088..7d1c704eb59 100644
--- a/frontend/test/storybook/visual-regression/v-language-select.spec.ts
+++ b/frontend/test/storybook/visual-regression/v-language-select.spec.ts
@@ -1,14 +1,13 @@
-import { Page, test, expect } from "@playwright/test"
+import { expect, test } from "@playwright/test"
 
 import { makeGotoWithArgs } from "~~/test/storybook/utils/args"
-
-const expectSnapshot = async (name: string, page: Page) => {
-  expect(await page.screenshot()).toMatchSnapshot({ name: `${name}.png` })
-}
+import { expectSnapshot } from "~~/test/storybook/utils/expect-snapshot"
 
 test.describe("VLanguageSelect", () => {
   test("default", async ({ page }) => {
     await makeGotoWithArgs("components-vlanguageselect--default")(page)
-    await expectSnapshot("vlanguageselect-default", page)
+    // Make sure the component is rendered and hydrated
+    await expect(page.getByRole("combobox")).toHaveValue("en")
+    await expectSnapshot("vlanguageselect", page.locator(".screenshot-area"))
   })
 })
diff --git a/frontend/test/storybook/visual-regression/v-language-select.spec.ts-snapshots/vlanguageselect-default-linux.png b/frontend/test/storybook/visual-regression/v-language-select.spec.ts-snapshots/vlanguageselect-default-linux.png
deleted file mode 100644
index 802ad703ef1..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-language-select.spec.ts-snapshots/vlanguageselect-default-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-language-select.spec.ts-snapshots/vlanguageselect-linux.png b/frontend/test/storybook/visual-regression/v-language-select.spec.ts-snapshots/vlanguageselect-linux.png
new file mode 100644
index 00000000000..8e5c16cca64
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-language-select.spec.ts-snapshots/vlanguageselect-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-sm-linux.png
index 83e4b5eb0ed..77d2c6828fd 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-sm-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-xl-linux.png
index 97d38877263..4fbba4b80db 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-xl-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-sm-linux.png
index 81082f804f7..ac59b2503d6 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-sm-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-xl-linux.png
index 6c49afaca8a..563c4229bf3 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-xl-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-sm-linux.png
index 516fd6fabdf..a1d53aa7dff 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-sm-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-xl-linux.png
index 6525d4749fc..c1592ef2b17 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-xl-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sm-linux.png
index ccd9966f14b..6831edd681a 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sm-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-xl-linux.png
index 92fc358d36c..7f7338e225c 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-xl-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-sm-linux.png
index 52190069784..56bdecb55f7 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-sm-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-xl-linux.png
index 4af1a0774e2..b6e1f1b2227 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-xl-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-sm-linux.png
index e6274db5dab..e05ddf9a973 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-sm-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-xl-linux.png
index 21ec3d82ce7..64e2dd4279f 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-xl-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sm-linux.png
index e8c5f712f2c..1b80a8a52a7 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sm-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-xl-linux.png
index b58e2562096..117f2800090 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-xl-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-nc-sampling-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-nc-sampling-sm-linux.png
index e8a06a47d1f..cf856926834 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-nc-sampling-sm-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-nc-sampling-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-nc-sampling-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-nc-sampling-xl-linux.png
index 35705de1a76..4372861cd9a 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-nc-sampling-xl-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-nc-sampling-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-sm-linux.png
index 82dcce729e6..4af92e93df0 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-sm-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-xl-linux.png
index aa30346ceb5..7e147e05475 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-xl-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-sampling-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-sampling-sm-linux.png
index 71539b54dc0..d8fbfca94a0 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-sampling-sm-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-sampling-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-sampling-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-sampling-xl-linux.png
index b6d7747dc0e..032fb9ff56e 100644
Binary files a/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-sampling-xl-linux.png and b/frontend/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-sampling-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts
index 2d00abf125d..926e7647366 100644
--- a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts
+++ b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts
@@ -37,7 +37,7 @@ test.describe("VMediaReuse", () => {
           await sleep(500)
 
           await expectSnapshot(
-            `media-reuse-${dir}-${tab.id}-tab`,
+            `media-reuse-${tab.id}-tab-${dir}`,
             page.locator(".media-reuse")
           )
         })
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-2xl-linux.png
new file mode 100644
index 00000000000..546ac7d0871
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-lg-linux.png
new file mode 100644
index 00000000000..1cc1ccc17fa
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-md-linux.png
new file mode 100644
index 00000000000..e9442832d0e
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-sm-linux.png
new file mode 100644
index 00000000000..1ef5b80a029
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-xl-linux.png
new file mode 100644
index 00000000000..3503957f3f1
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-xs-linux.png
new file mode 100644
index 00000000000..42f6bd318aa
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-2xl-linux.png
new file mode 100644
index 00000000000..306d68bf560
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-lg-linux.png
new file mode 100644
index 00000000000..6a4caca00ee
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-md-linux.png
new file mode 100644
index 00000000000..437b7251934
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-sm-linux.png
new file mode 100644
index 00000000000..b50026bf49f
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-xl-linux.png
new file mode 100644
index 00000000000..28995709d17
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-xs-linux.png
new file mode 100644
index 00000000000..e97733eb064
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-2xl-linux.png
deleted file mode 100644
index 2fde17d15d1..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-2xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-lg-linux.png
deleted file mode 100644
index 2a6e03f6f6c..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-lg-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-md-linux.png
deleted file mode 100644
index 226e2175724..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-sm-linux.png
deleted file mode 100644
index 7a423e8e0b8..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-sm-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-xl-linux.png
deleted file mode 100644
index cf7cb143601..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-xs-linux.png
deleted file mode 100644
index 5ff2a197ff7..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-xs-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-2xl-linux.png
deleted file mode 100644
index 4ad600413e2..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-2xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-lg-linux.png
deleted file mode 100644
index e229b18fb88..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-lg-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-md-linux.png
deleted file mode 100644
index 8c6cbd931a0..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-sm-linux.png
deleted file mode 100644
index 9312c708ff5..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-sm-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-xl-linux.png
deleted file mode 100644
index 7f393f45acd..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-xs-linux.png
deleted file mode 100644
index 3c147c938c5..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-xs-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-2xl-linux.png
deleted file mode 100644
index 5bedcceaab5..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-2xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-lg-linux.png
deleted file mode 100644
index af564ea393f..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-lg-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-md-linux.png
deleted file mode 100644
index 2305c59991b..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-sm-linux.png
deleted file mode 100644
index 9016acd7784..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-sm-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-xl-linux.png
deleted file mode 100644
index e4c2f326593..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-xs-linux.png
deleted file mode 100644
index e77035d4e83..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-xs-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-2xl-linux.png
deleted file mode 100644
index 82bd23072b3..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-2xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-lg-linux.png
deleted file mode 100644
index 69ae2b51f0d..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-lg-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-md-linux.png
deleted file mode 100644
index d7b12527bfa..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-sm-linux.png
deleted file mode 100644
index 2d110bf16d2..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-sm-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-xl-linux.png
deleted file mode 100644
index 0ba28dc0526..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-xs-linux.png
deleted file mode 100644
index b7ff8523fb9..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-xml-tab-xs-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-2xl-linux.png
new file mode 100644
index 00000000000..c4df0ecae59
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-lg-linux.png
new file mode 100644
index 00000000000..3243abace17
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-md-linux.png
new file mode 100644
index 00000000000..4ba8bd787d6
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-sm-linux.png
new file mode 100644
index 00000000000..1994405ff17
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-xl-linux.png
new file mode 100644
index 00000000000..a1b6f324266
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-xs-linux.png
new file mode 100644
index 00000000000..05cd0bd66e9
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-2xl-linux.png
new file mode 100644
index 00000000000..1aacad88c78
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-lg-linux.png
new file mode 100644
index 00000000000..d7732a63450
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-md-linux.png
new file mode 100644
index 00000000000..f6496a8fe7f
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-sm-linux.png
new file mode 100644
index 00000000000..342a58dc745
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-xl-linux.png
new file mode 100644
index 00000000000..cd5b689bd84
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-xs-linux.png
new file mode 100644
index 00000000000..e12b520a3fd
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-2xl-linux.png
new file mode 100644
index 00000000000..31e585ba8c9
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-lg-linux.png
new file mode 100644
index 00000000000..c512f25d92e
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-md-linux.png
new file mode 100644
index 00000000000..5b9231458b9
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-sm-linux.png
new file mode 100644
index 00000000000..292d39ba1f4
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-xl-linux.png
new file mode 100644
index 00000000000..532156df972
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-xs-linux.png
new file mode 100644
index 00000000000..3211ec9c295
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-2xl-linux.png
new file mode 100644
index 00000000000..0bf724b6d18
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-lg-linux.png
new file mode 100644
index 00000000000..2cf454eb9ce
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-md-linux.png
new file mode 100644
index 00000000000..b6053c18cb5
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-sm-linux.png
new file mode 100644
index 00000000000..bf92e3687b5
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-xl-linux.png
new file mode 100644
index 00000000000..b62c4920ae0
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-xs-linux.png
new file mode 100644
index 00000000000..87c9ffb48be
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-2xl-linux.png
deleted file mode 100644
index d3c39b817d2..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-2xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-lg-linux.png
deleted file mode 100644
index f7f4af4379e..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-lg-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-md-linux.png
deleted file mode 100644
index 46e4a87bf0f..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-sm-linux.png
deleted file mode 100644
index 49ae793c5b9..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-sm-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-xl-linux.png
deleted file mode 100644
index 73177d1a80f..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-xs-linux.png
deleted file mode 100644
index dbfc057f0a1..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-xs-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-2xl-linux.png
deleted file mode 100644
index 01ac7e9bf94..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-2xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-lg-linux.png
deleted file mode 100644
index 9e96e7d8eac..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-lg-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-md-linux.png
deleted file mode 100644
index b6d81781186..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-sm-linux.png
deleted file mode 100644
index 82dfc543f5a..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-sm-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-xl-linux.png
deleted file mode 100644
index 63f8b74da73..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-xs-linux.png
deleted file mode 100644
index c30a5628ed3..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-xs-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-2xl-linux.png
deleted file mode 100644
index b64b6ef7750..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-2xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-lg-linux.png
deleted file mode 100644
index e32f78a083f..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-lg-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-md-linux.png
deleted file mode 100644
index cf78b6b7e5a..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-sm-linux.png
deleted file mode 100644
index 2045e38dcc9..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-sm-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-xl-linux.png
deleted file mode 100644
index e5d86ac55de..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-xs-linux.png
deleted file mode 100644
index 6766030d51c..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-xs-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-2xl-linux.png
deleted file mode 100644
index 7a103dbf0e8..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-2xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-lg-linux.png
deleted file mode 100644
index e177e7c57ce..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-lg-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-md-linux.png
deleted file mode 100644
index 420716c1207..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-sm-linux.png
deleted file mode 100644
index 455ef6dd15f..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-sm-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-xl-linux.png
deleted file mode 100644
index 1ffffcee96f..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-xl-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-xs-linux.png
deleted file mode 100644
index 337f4ecde8c..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-xml-tab-xs-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-2xl-linux.png
new file mode 100644
index 00000000000..a94ff24a071
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-lg-linux.png
new file mode 100644
index 00000000000..066bf8c8b1f
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-md-linux.png
new file mode 100644
index 00000000000..c49f95673b1
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-sm-linux.png
new file mode 100644
index 00000000000..e6c4cc66546
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-xl-linux.png
new file mode 100644
index 00000000000..008e9633801
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-xs-linux.png
new file mode 100644
index 00000000000..1d0560c81f5
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-2xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-2xl-linux.png
new file mode 100644
index 00000000000..af4b35d5fd1
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-lg-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-lg-linux.png
new file mode 100644
index 00000000000..3bedfdf94ff
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-md-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-md-linux.png
new file mode 100644
index 00000000000..a748234ba52
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-sm-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-sm-linux.png
new file mode 100644
index 00000000000..f2299f86d21
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-xl-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-xl-linux.png
new file mode 100644
index 00000000000..5f78b12cae0
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-xs-linux.png b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-xs-linux.png
new file mode 100644
index 00000000000..280fdeb4a3f
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-dark-sm-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-dark-sm-linux.png
index fe8a189efac..0722e6abb0b 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-dark-sm-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-dark-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-dark-xl-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-dark-xl-linux.png
index 790d8ca2f99..fb4f63200b2 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-dark-xl-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-dark-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-regular-sm-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-regular-sm-linux.png
index 349b8d9c595..335959bf5c2 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-regular-sm-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-regular-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-regular-xl-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-regular-xl-linux.png
index e333109b370..51517807280 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-regular-xl-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-error-regular-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-dark-sm-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-dark-sm-linux.png
index a0d54e58efc..da35e5357cf 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-dark-sm-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-dark-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-dark-xl-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-dark-xl-linux.png
index 2bf3775437f..c5d3cf0c8d8 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-dark-xl-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-dark-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-regular-sm-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-regular-sm-linux.png
index 77011ce8b4a..8af1fabecd6 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-regular-sm-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-regular-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-regular-xl-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-regular-xl-linux.png
index e8d65133fa5..a3aafde1f7d 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-regular-xl-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-info-regular-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-dark-sm-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-dark-sm-linux.png
index fa070559e90..222f52e297b 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-dark-sm-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-dark-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-dark-xl-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-dark-xl-linux.png
index 86d7dfe9768..34298677f3b 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-dark-xl-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-dark-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-regular-sm-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-regular-sm-linux.png
index 430ad0c3c1a..d1891e60d76 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-regular-sm-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-regular-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-regular-xl-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-regular-xl-linux.png
index 7cccdd4ec95..1ae3363b3b8 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-regular-xl-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-success-regular-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-dark-sm-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-dark-sm-linux.png
index b45624f4173..78a11e8c71d 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-dark-sm-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-dark-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-dark-xl-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-dark-xl-linux.png
index 8764aba09e3..a7b947baff6 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-dark-xl-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-dark-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-regular-sm-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-regular-sm-linux.png
index 0b95125c1f9..98f7e96fb19 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-regular-sm-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-regular-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-regular-xl-linux.png b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-regular-xl-linux.png
index afb3cda18e7..ae3bbf4aa15 100644
Binary files a/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-regular-xl-linux.png and b/frontend/test/storybook/visual-regression/v-notitication-banner.spec.ts-snapshots/notificationbanner-warning-regular-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-2xl-linux.png b/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-2xl-linux.png
index b8df9ac948c..23d95404fc2 100644
Binary files a/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-2xl-linux.png and b/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-2xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-lg-linux.png b/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-lg-linux.png
index 8dca0104d1e..5c2a4e1fa25 100644
Binary files a/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-lg-linux.png and b/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-lg-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-md-linux.png b/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-md-linux.png
index 07a738e0950..4c919b56b07 100644
Binary files a/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-md-linux.png and b/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-sm-linux.png b/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-sm-linux.png
index 9e2655292d0..fcfad79abdc 100644
Binary files a/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-sm-linux.png and b/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-sm-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-xl-linux.png b/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-xl-linux.png
index 8a243b54338..3e38e632030 100644
Binary files a/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-xl-linux.png and b/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-xs-linux.png b/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-xs-linux.png
index dba1546d614..787389d7ac2 100644
Binary files a/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-xs-linux.png and b/frontend/test/storybook/visual-regression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-xs-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-focused-linux.png b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-focused-linux.png
index 418b850ccf8..02a4f4376ec 100644
Binary files a/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-focused-linux.png and b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-focused-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-hovered-linux.png b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-hovered-linux.png
index fe1f04adeda..fa05cc461b6 100644
Binary files a/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-hovered-linux.png and b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-back-buttons-resting-linux.png b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-back-buttons-resting-linux.png
index 9f631b1c2df..0c04af9a194 100644
Binary files a/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-back-buttons-resting-linux.png and b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-back-buttons-resting-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts
index 7a2f2ae0b4a..a17d5105749 100644
--- a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts
+++ b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts
@@ -1,8 +1,8 @@
 import { expect, type Page, test } from "@playwright/test"
 
-import breakpoints from "~~/test/playwright/utils/breakpoints"
 import { makeUrlWithArgs } from "~~/test/storybook/utils/args"
 import { t } from "~~/test/playwright/utils/i18n"
+import { expectSnapshot } from "~~/test/storybook/utils/expect-snapshot"
 
 const urlWithArgs = makeUrlWithArgs(
   "components-vcontentswitcher-vsearchtypebutton--default"
@@ -33,25 +33,25 @@ test.describe("VSearchTypeButton", () => {
 
     for (const state of ["non-pressed", "pressed"] as const) {
       const snapshotName = `v-search-type-button-${buttonName}${state === "pressed" ? "-pressed" : ""}`
-      breakpoints.describeMd(({ breakpoint }) => {
-        test(`resting ${state} ${buttonName}`, async ({ page }) => {
-          const url = urlWithArgs({ showLabel, pressed: state === "pressed" })
-          await goAndWaitForSvg(page, url)
-
-          await expect(getSearchTypeButton(page)).toHaveScreenshot(
-            `${snapshotName}-at-rest-${breakpoint}.png`
-          )
-        })
-
-        test(`hovered ${state} ${buttonName}`, async ({ page }) => {
-          const url = urlWithArgs({ showLabel, pressed: state === "pressed" })
-          await goAndWaitForSvg(page, url)
-          await getSearchTypeButton(page).hover()
-
-          await expect(getSearchTypeButton(page)).toHaveScreenshot(
-            `${snapshotName}-hovered-${breakpoint}.png`
-          )
-        })
+      test(`resting ${state} ${buttonName}`, async ({ page }) => {
+        const url = urlWithArgs({ showLabel, pressed: state === "pressed" })
+        await goAndWaitForSvg(page, url)
+
+        await expectSnapshot(
+          `${snapshotName}-at-rest`,
+          getSearchTypeButton(page)
+        )
+      })
+
+      test(`hovered ${state} ${buttonName}`, async ({ page }) => {
+        const url = urlWithArgs({ showLabel, pressed: state === "pressed" })
+        await goAndWaitForSvg(page, url)
+        await getSearchTypeButton(page).hover()
+
+        await expectSnapshot(
+          `${snapshotName}-hovered`,
+          getSearchTypeButton(page)
+        )
       })
     }
   }
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-at-rest-md-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-at-rest-linux.png
similarity index 100%
rename from frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-at-rest-md-linux.png
rename to frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-at-rest-linux.png
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-hovered-md-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-hovered-linux.png
similarity index 100%
rename from frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-hovered-md-linux.png
rename to frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-hovered-linux.png
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-at-rest-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-at-rest-linux.png
new file mode 100644
index 00000000000..165062f828e
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-at-rest-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-at-rest-md-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-at-rest-md-linux.png
deleted file mode 100644
index ee1e2a8c9dc..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-at-rest-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-hovered-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-hovered-linux.png
new file mode 100644
index 00000000000..165062f828e
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-hovered-md-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-hovered-md-linux.png
deleted file mode 100644
index ee1e2a8c9dc..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-hovered-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-at-rest-md-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-at-rest-linux.png
similarity index 100%
rename from frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-at-rest-md-linux.png
rename to frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-at-rest-linux.png
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-hovered-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-hovered-linux.png
new file mode 100644
index 00000000000..5180367d630
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-hovered-md-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-hovered-md-linux.png
deleted file mode 100644
index 79ada06b88c..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-hovered-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-at-rest-md-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-at-rest-linux.png
similarity index 100%
rename from frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-at-rest-md-linux.png
rename to frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-at-rest-linux.png
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-hovered-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-hovered-linux.png
new file mode 100644
index 00000000000..ded9d4bc98d
Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-hovered-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-hovered-md-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-hovered-md-linux.png
deleted file mode 100644
index ae9804800d3..00000000000
Binary files a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-hovered-md-linux.png and /dev/null differ
diff --git a/frontend/test/storybook/visual-regression/v-search-types.spec.ts b/frontend/test/storybook/visual-regression/v-search-types.spec.ts
index bd20daa6930..adf72fcf966 100644
--- a/frontend/test/storybook/visual-regression/v-search-types.spec.ts
+++ b/frontend/test/storybook/visual-regression/v-search-types.spec.ts
@@ -1,4 +1,4 @@
-import { test } from "@playwright/test"
+import { expect, test } from "@playwright/test"
 
 import breakpoints from "~~/test/playwright/utils/breakpoints"
 
@@ -13,6 +13,8 @@ test.describe("VSearchTypes", () => {
   breakpoints.describeMd(({ expectSnapshot }) => {
     test.beforeEach(async ({ page }) => {
       await page.goto(`${defaultUrl}&args=size%3Amedium`)
+      // Ensure the search types have been hydrated
+      await expect(page.getByRole("radio").nth(0)).toBeEnabled()
     })
     test("medium resting", async ({ page }) => {
       await expectSnapshot("v-search-types-medium-at-rest", page)
@@ -32,6 +34,8 @@ test.describe("VSearchTypes", () => {
   breakpoints.describeXl(({ expectSnapshot }) => {
     test.beforeEach(async ({ page }) => {
       await page.goto(`${defaultUrl}&args=size%3Asmall`)
+      // Ensure the search types have been hydrated
+      await expect(page.getByRole("radio").nth(0)).toBeEnabled()
     })
 
     test("small resting", async ({ page }) => {
diff --git a/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-medium-at-rest-md-linux.png b/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-medium-at-rest-md-linux.png
index f4c9d295987..6f6f0748683 100644
Binary files a/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-medium-at-rest-md-linux.png and b/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-medium-at-rest-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-medium-focused-md-linux.png b/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-medium-focused-md-linux.png
index 4d904aae62d..d2e1b1cf48e 100644
Binary files a/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-medium-focused-md-linux.png and b/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-medium-focused-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-medium-images-hovered-md-linux.png b/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-medium-images-hovered-md-linux.png
index 874185803b1..e2b2770564e 100644
Binary files a/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-medium-images-hovered-md-linux.png and b/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-medium-images-hovered-md-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-small-at-rest-xl-linux.png b/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-small-at-rest-xl-linux.png
index bee13d5710c..94d426f2fe5 100644
Binary files a/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-small-at-rest-xl-linux.png and b/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-small-at-rest-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-small-focused-xl-linux.png b/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-small-focused-xl-linux.png
index ba04723e836..dbdafede2c7 100644
Binary files a/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-small-focused-xl-linux.png and b/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-small-focused-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-small-images-hovered-xl-linux.png b/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-small-images-hovered-xl-linux.png
index b98f51488a6..2091e5576de 100644
Binary files a/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-small-images-hovered-xl-linux.png and b/frontend/test/storybook/visual-regression/v-search-types.spec.ts-snapshots/v-search-types-small-images-hovered-xl-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-select-field.spec.ts b/frontend/test/storybook/visual-regression/v-select-field.spec.ts
index 736f6de6278..40707cb3a73 100644
--- a/frontend/test/storybook/visual-regression/v-select-field.spec.ts
+++ b/frontend/test/storybook/visual-regression/v-select-field.spec.ts
@@ -1,24 +1,15 @@
-import { Page, test, expect } from "@playwright/test"
+import { test, expect } from "@playwright/test"
 
 import { makeGotoWithArgs } from "~~/test/storybook/utils/args"
-
-const expectSnapshot = async (name: string, page: Page) => {
-  expect(await page.screenshot()).toMatchSnapshot({ name: `${name}.png` })
-}
-
-test.describe("VSelectField", () => {
-  test("default", async ({ page }) => {
-    await makeGotoWithArgs("components-vselectfield--default")(page)
-    await expectSnapshot("vselectfield-default", page)
-  })
-
-  test("with icon", async ({ page }) => {
-    await makeGotoWithArgs("components-vselectfield--with-icon")(page)
-    await expectSnapshot("vselectfield-with-icon", page)
-  })
-
-  test("without border", async ({ page }) => {
-    await makeGotoWithArgs("components-vselectfield--without-border")(page)
-    await expectSnapshot("vselectfield-without-border", page)
+import { expectSnapshot } from "~~/test/storybook/utils/expect-snapshot"
+
+for (const slug of ["default", "with-icon", "without-border"]) {
+  test(`vselectfield-${slug}`, async ({ page }) => {
+    await makeGotoWithArgs(`components-vselectfield--${slug}`)(page)
+    await expect(page.getByRole("combobox")).toBeEnabled()
+    await expectSnapshot(
+      `vselectfield-${slug}`,
+      page.locator(".screenshot-area")
+    )
   })
-})
+}
diff --git a/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-default-linux.png b/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-default-linux.png
index ca3acf95001..76d55271587 100644
Binary files a/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-default-linux.png and b/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-default-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-with-icon-linux.png b/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-with-icon-linux.png
index 496a5f8d8d8..e59a1a808ab 100644
Binary files a/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-with-icon-linux.png and b/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-with-icon-linux.png differ
diff --git a/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-without-border-linux.png b/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-without-border-linux.png
index ca3acf95001..76d55271587 100644
Binary files a/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-without-border-linux.png and b/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-without-border-linux.png differ