diff --git a/.storybook/decorators/with-ui-store.js b/.storybook/decorators/with-ui-store.js
new file mode 100644
index 0000000000..82c48d822b
--- /dev/null
+++ b/.storybook/decorators/with-ui-store.js
@@ -0,0 +1,18 @@
+import { ref, onMounted } from '@nuxtjs/composition-api'
+
+import { useLayout } from '~/composables/use-layout'
+
+export const WithUiStore = (story) => {
+  return {
+    template: `<div ref="element"><story /></div>`,
+    components: { story },
+    setup() {
+      const element = ref()
+      const { updateBreakpoint } = useLayout()
+      onMounted(() => {
+        updateBreakpoint()
+      })
+      return { element }
+    },
+  }
+}
diff --git a/.storybook/preview.js b/.storybook/preview.js
index 53263d70c9..68a0ea2206 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -1,5 +1,4 @@
-/**
- */
+/* eslint-disable import/order */
 
 export * from '~~/.nuxt-storybook/storybook/preview'
 import {
@@ -7,8 +6,10 @@ import {
   decorators as nuxtDecorators,
 } from '~~/.nuxt-storybook/storybook/preview'
 
-// eslint-disable-next-line import/order
 import { WithRTL } from './decorators/with-rtl'
+import { WithUiStore } from './decorators/with-ui-store'
+
+/* eslint-enable import/order */
 
 export const globalTypes = {
   ...nuxtGlobalTypes,
@@ -26,4 +27,4 @@ export const globalTypes = {
   },
 }
 
-export const decorators = [...nuxtDecorators, WithRTL]
+export const decorators = [...nuxtDecorators, WithRTL, WithUiStore]
diff --git a/src/components/VLicense/VLicenseElements.vue b/src/components/VLicense/VLicenseElements.vue
index e07cfdbd67..4a1c797ae6 100644
--- a/src/components/VLicense/VLicenseElements.vue
+++ b/src/components/VLicense/VLicenseElements.vue
@@ -3,17 +3,17 @@
     <li
       v-for="element in elementNames"
       :key="element"
-      class="mb-2 flex items-center gap-3 text-sm md:text-base"
+      class="mb-2 flex items-center gap-3 text-sm md:mb-4 md:text-base"
     >
       <VIcon
         view-box="0 0 30 30"
-        :size="isSmall ? 5 : 6"
+        :size="isSmall || isMobile ? 5 : 6"
         :icon-path="icons[element]"
       />
       <span v-if="elementNames.length > 1" class="sr-only">{{
         element.toUpperCase()
       }}</span>
-      <p :class="{ 'text-sm': isSmall }">
+      <p class="label-regular" :class="{ 'md:description-regular': !isSmall }">
         {{ $t(`browse-page.license-description.${element}`) }}
       </p>
     </li>
@@ -25,7 +25,7 @@ import { computed, defineComponent, PropType } from '@nuxtjs/composition-api'
 
 import type { License } from '~/constants/license'
 import { LICENSE_ICONS } from '~/constants/license'
-
+import { useUiStore } from '~/stores/ui'
 import { getElements } from '~/utils/license'
 
 import VIcon from '~/components/VIcon/VIcon.vue'
@@ -56,11 +56,14 @@ export default defineComponent({
     )
 
     const isSmall = computed(() => props.size === 'small')
+    const uiStore = useUiStore()
+    const isMobile = computed(() => !uiStore.isDesktopLayout)
 
     return {
       icons: LICENSE_ICONS,
       elementNames,
       isSmall,
+      isMobile,
     }
   },
 })
diff --git a/src/components/VMediaInfo/VMediaLicense.vue b/src/components/VMediaInfo/VMediaLicense.vue
index b988df3d2a..723270c0e2 100644
--- a/src/components/VMediaInfo/VMediaLicense.vue
+++ b/src/components/VMediaInfo/VMediaLicense.vue
@@ -8,10 +8,10 @@
       <i18n
         path="media-details.reuse.attribution"
         tag="span"
-        class="mb-2 block text-sm md:text-base"
+        class="mb-2 block text-sm md:mb-4 md:text-base"
       >
         <template #link>
-          <VLink class="uppercase" :href="licenseUrl">
+          <VLink :href="licenseUrl">
             {{ fullLicenseName }}
           </VLink>
         </template>
@@ -41,10 +41,10 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from '@nuxtjs/composition-api'
 
-import { isLicense as isLicenseFn } from '~/utils/license'
+import { getFullLicenseName, isLicense as isLicenseFn } from '~/utils/license'
 import { useI18n } from '~/composables/use-i18n'
 
-import type { License } from '~/constants/license'
+import type { License, LicenseVersion } from '~/constants/license'
 
 import VLicenseElements from '~/components/VLicense/VLicenseElements.vue'
 import VLink from '~/components/VLink.vue'
@@ -53,14 +53,14 @@ export default defineComponent({
   name: 'VMediaLicense',
   components: { VLicenseElements, VLink },
   props: {
-    fullLicenseName: {
-      type: String,
-      required: true,
-    },
     license: {
       type: String as PropType<License>,
       required: true,
     },
+    licenseVersion: {
+      type: String as PropType<LicenseVersion>,
+      required: true,
+    },
     licenseUrl: {
       type: String,
       required: true,
@@ -73,9 +73,13 @@ export default defineComponent({
       const licenseOrTool = isLicense.value ? 'license' : 'tool'
       return i18n.t(`media-details.reuse.${licenseOrTool}-header`)
     })
+    const fullLicenseName = computed(() =>
+      getFullLicenseName(props.license, props.licenseVersion, i18n)
+    )
     return {
       isLicense,
       headerText,
+      fullLicenseName,
     }
   },
 })
diff --git a/src/components/VMediaInfo/VMediaReuse.vue b/src/components/VMediaInfo/VMediaReuse.vue
index 76fdbb84ee..c169576750 100644
--- a/src/components/VMediaInfo/VMediaReuse.vue
+++ b/src/components/VMediaInfo/VMediaReuse.vue
@@ -17,7 +17,7 @@
       <VMediaLicense
         :license="media.license"
         :license-url="media.license_url"
-        :full-license-name="fullLicenseName"
+        :license-version="media.license_version"
       />
       <VCopyLicense :media="media" />
     </div>
@@ -25,14 +25,10 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from '@nuxtjs/composition-api'
-
-import { getFullLicenseName } from '~/utils/license'
+import { defineComponent, PropType } from '@nuxtjs/composition-api'
 
 import type { Media } from '~/models/media'
 
-import { useI18n } from '~/composables/use-i18n'
-
 import VCopyLicense from '~/components/VMediaInfo/VCopyLicense.vue'
 import VMediaLicense from '~/components/VMediaInfo/VMediaLicense.vue'
 
@@ -45,14 +41,5 @@ export default defineComponent({
       required: true,
     },
   },
-  setup(props) {
-    const i18n = useI18n()
-
-    const fullLicenseName = computed(() =>
-      getFullLicenseName(props.media.license, props.media.license_version, i18n)
-    )
-
-    return { fullLicenseName }
-  },
 })
 </script>
diff --git a/src/components/VMediaInfo/meta/VMediaLicense.stories.mdx b/src/components/VMediaInfo/meta/VMediaLicense.stories.mdx
new file mode 100644
index 0000000000..b5c15a350a
--- /dev/null
+++ b/src/components/VMediaInfo/meta/VMediaLicense.stories.mdx
@@ -0,0 +1,179 @@
+import {
+  Canvas,
+  Story,
+  Description,
+  Meta,
+  ArgsTable,
+} from '@storybook/addon-docs'
+
+import VMediaLicense from '~/components/VMediaInfo/VMediaLicense.vue'
+
+import { ALL_LICENSES, LICENSE_VERSIONS } from '~/constants/license'
+import { getLicenseUrl } from '~/utils/license'
+
+export const Template = (args) => ({
+  template: `<VMediaLicense v-bind="args"/>`,
+  components: { VMediaLicense },
+  setup() {
+    return { args }
+  },
+})
+
+<Meta
+  title="Components/VMediaLicense"
+  component={VMediaLicense}
+  argTypes={{
+    license: {
+      defaultValue: ALL_LICENSES[0],
+      options: ALL_LICENSES,
+      control: 'select',
+    },
+    licenseVersion: {
+      defaultValue: LICENSE_VERSIONS[0],
+      options: LICENSE_VERSIONS,
+      control: 'select',
+    },
+  }}
+/>
+
+# VMediaLicense
+
+<Description of={VMediaLicense} />
+
+<ArgsTable of={VMediaLicense} />
+
+<!-- A large portion of this file is copied from the story for `VLicense`. -->
+
+It can display CC licenses.
+
+| License name                            | Abbreviation | Slug       |
+| --------------------------------------- | ------------ | ---------- |
+| Attribution                             | CC BY        | `by`       |
+| Attribution-ShareAlike                  | CC BY-SA     | `by-sa`    |
+| Attribution-NoDerivatives               | CC BY-ND     | `by-nd`    |
+| Attribution-NonCommercial               | CC BY-NC     | `by-nc`    |
+| Attribution-NonCommercial-ShareAlike    | CC BY-NC-SA  | `by-nc-sa` |
+| Attribution-NonCommercial-NoDerivatives | CC BY-NC-ND  | `by-nc-nd` |
+
+<Canvas>
+  <Story
+    name="CC BY"
+    args={{
+      license: 'by',
+      licenseVersion: '4.0',
+      licenseUrl: getLicenseUrl('by', '4.0'),
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+  <Story
+    name="CC BY-SA"
+    args={{
+      license: 'by-sa',
+      licenseVersion: '4.0',
+      licenseUrl: getLicenseUrl('by-sa', '4.0'),
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+  <Story
+    name="CC BY-ND"
+    args={{
+      license: 'by-nd',
+      licenseVersion: '4.0',
+      licenseUrl: getLicenseUrl('by-nd', '4.0'),
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+  <Story
+    name="CC BY-NC"
+    args={{
+      license: 'by-nc',
+      licenseVersion: '4.0',
+      licenseUrl: getLicenseUrl('by-nc', '4.0'),
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+  <Story
+    name="CC BY-NC-SA"
+    args={{
+      license: 'by-nc-sa',
+      licenseVersion: '4.0',
+      licenseUrl: getLicenseUrl('by-nc-sa', '4.0'),
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+  <Story
+    name="CC BY-NC-ND"
+    args={{
+      license: 'by-nc-nd',
+      licenseVersion: '4.0',
+      licenseUrl: getLicenseUrl('by-nc-nd', '4.0'),
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+It can also display some public domain licenses.
+
+| License name       | Abbreviation | Slug  |
+| ------------------ | ------------ | ----- |
+| CC Zero            | CC0          | `cc0` |
+| Public Domain Mark | -            | `pdm` |
+
+<Canvas>
+  <Story
+    name="CC0"
+    args={{
+      license: 'cc0',
+      licenseVersion: '1.0',
+      licenseUrl: getLicenseUrl('cc0', '1.0'),
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+  <Story
+    name="PDM"
+    args={{
+      license: 'pdm',
+      licenseVersion: '1.0',
+      licenseUrl: getLicenseUrl('pdm', '4.0'),
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+It can also display some deprecated CC licenses.
+
+| License name                | Abbreviation    | Slug           |
+| --------------------------- | --------------- | -------------- |
+| Sampling Plus               | CC Sampling+    | `sampling+`    |
+| NonCommercial Sampling Plus | CC NC-Sampling+ | `nc-sampling+` |
+
+<Canvas>
+  <Story
+    name="CC Sampling+"
+    args={{
+      license: 'sampling+',
+      licenseVersion: '',
+      licenseUrl: getLicenseUrl('sampling+', ''),
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+  <Story
+    name="CC NC-Sampling+"
+    args={{
+      license: 'nc-sampling+',
+      licenseVersion: '',
+      licenseUrl: getLicenseUrl('nc-sampling+', ''),
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-2xl-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-2xl-linux.png
index 71f739305b..89b6ac57d2 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-2xl-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-2xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-lg-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-lg-linux.png
index d546cf5b91..2ff3ba4fab 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-lg-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-lg-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-md-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-md-linux.png
index 749b44a209..c4edfcebc1 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-md-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-md-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-sm-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-sm-linux.png
index 73a9bf24af..a5834ef9b9 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-sm-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-sm-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-xl-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-xl-linux.png
index 97be85f45b..e80bd53e52 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-xl-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-xs-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-xs-linux.png
index a1cbcb24b7..1724bfebde 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-xs-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-xs-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-2xl-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-2xl-linux.png
index 10351151c9..21c7419952 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-2xl-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-2xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-lg-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-lg-linux.png
index e78941fa2c..6af29bb6ec 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-lg-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-lg-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-md-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-md-linux.png
index 2a67d02887..4f60aff547 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-md-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-md-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-sm-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-sm-linux.png
index 571442c417..1d950c07a8 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-sm-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-sm-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-xl-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-xl-linux.png
index 33d37d12de..283dbc3992 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-xl-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-xs-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-xs-linux.png
index 90bf19af82..fa30c5dde0 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-xs-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-xs-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-2xl-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-2xl-linux.png
index cb78760f37..704861e214 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-2xl-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-2xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-lg-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-lg-linux.png
index 259e441617..699fdbd348 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-lg-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-lg-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-md-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-md-linux.png
index 2310587e21..1c05d3dde9 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-md-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-md-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-sm-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-sm-linux.png
index d8d19bb89e..8cee16a6c7 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-sm-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-sm-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-xl-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-xl-linux.png
index 7f745d27ba..851bd5352e 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-xl-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-xs-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-xs-linux.png
index dc3868793e..2e30244cd9 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-xs-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-xs-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-2xl-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-2xl-linux.png
index a4b1f3c8f9..cee0b73dfe 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-2xl-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-2xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-lg-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-lg-linux.png
index c2a39c95f9..4231abecb4 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-lg-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-lg-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-md-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-md-linux.png
index 02cbfbfe62..f0915d2db2 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-md-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-md-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-sm-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-sm-linux.png
index 160adf775c..3ce7fe172e 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-sm-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-sm-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-xl-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-xl-linux.png
index 7a7361e930..1eda141f6d 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-xl-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-xl-linux.png differ
diff --git a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-xs-linux.png b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-xs-linux.png
index 85a83479a4..b18d8fdf79 100644
Binary files a/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-xs-linux.png and b/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-xs-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts b/test/storybook/visual-regression/v-media-license.spec.ts
new file mode 100644
index 0000000000..95a63c599f
--- /dev/null
+++ b/test/storybook/visual-regression/v-media-license.spec.ts
@@ -0,0 +1,39 @@
+import { test, Page } from '@playwright/test'
+
+import breakpoints from '~~/test/playwright/utils/breakpoints'
+
+const goTo = async (page: Page, slug: string) => {
+  await page.goto(`/iframe.html?id=components-vmedialicense--${slug}`)
+}
+
+/**
+ * parts of Storybook's story IDs for VMediaLicense stories; Note that these are
+ * distinct from license slugs such as 'cc0' (changed to 'cc-0' here) and
+ * 'sampling+' (changed to 'cc-sampling' here).
+ */
+const allSlugs = [
+  'cc-by',
+  'cc-by-sa',
+  'cc-by-nd',
+  'cc-by-nc',
+  'cc-by-nc-sa',
+  'cc-by-nc-nd',
+  'cc-0',
+  'pdm',
+  'cc-sampling',
+  'cc-nc-sampling',
+]
+
+test.describe.configure({ mode: 'parallel' })
+
+test.describe('VMediaLicense', () => {
+  for (const slug of allSlugs) {
+    const name = `v-media-license-${slug}`
+    breakpoints.describeMobileAndDesktop(({ expectSnapshot }) => {
+      test(name, async ({ page }) => {
+        await goTo(page, slug)
+        await expectSnapshot(name, page.locator('.media-attribution'))
+      })
+    })
+  }
+})
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-sm-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-sm-linux.png
new file mode 100644
index 0000000000..dbfe051ff7
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-xl-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-xl-linux.png
new file mode 100644
index 0000000000..4df536ca4f
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-0-xl-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-sm-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-sm-linux.png
new file mode 100644
index 0000000000..adb76bbbad
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-xl-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-xl-linux.png
new file mode 100644
index 0000000000..d30f647ce7
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-nd-xl-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-sm-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-sm-linux.png
new file mode 100644
index 0000000000..04ac0b9bce
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-xl-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-xl-linux.png
new file mode 100644
index 0000000000..c17e1e3c03
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sa-xl-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sm-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sm-linux.png
new file mode 100644
index 0000000000..a69454bb7f
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-xl-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-xl-linux.png
new file mode 100644
index 0000000000..f98ce87285
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nc-xl-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-sm-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-sm-linux.png
new file mode 100644
index 0000000000..83f40ccc75
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-xl-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-xl-linux.png
new file mode 100644
index 0000000000..67715f1e6d
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-nd-xl-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-sm-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-sm-linux.png
new file mode 100644
index 0000000000..827c647d25
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-xl-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-xl-linux.png
new file mode 100644
index 0000000000..471449f4f7
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sa-xl-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sm-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sm-linux.png
new file mode 100644
index 0000000000..4c142a7674
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-xl-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-xl-linux.png
new file mode 100644
index 0000000000..972cffc4bf
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-by-xl-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-nc-sampling-sm-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-nc-sampling-sm-linux.png
new file mode 100644
index 0000000000..adb8666ada
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-nc-sampling-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-nc-sampling-xl-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-nc-sampling-xl-linux.png
new file mode 100644
index 0000000000..de1143fb4c
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-nc-sampling-xl-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-sampling-sm-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-sampling-sm-linux.png
new file mode 100644
index 0000000000..83782d0d86
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-sampling-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-sampling-xl-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-sampling-xl-linux.png
new file mode 100644
index 0000000000..40bcc0a88f
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-cc-sampling-xl-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-sm-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-sm-linux.png
new file mode 100644
index 0000000000..cceb30ab11
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-xl-linux.png b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-xl-linux.png
new file mode 100644
index 0000000000..954a336244
Binary files /dev/null and b/test/storybook/visual-regression/v-media-license.spec.ts-snapshots/v-media-license-pdm-xl-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-sm-linux.png b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-sm-linux.png
index d1bcd7d9b2..81fd9ec6a9 100644
Binary files a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-sm-linux.png and b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-xs-linux.png b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-xs-linux.png
index 1b76b35946..cda2e8fb38 100644
Binary files a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-xs-linux.png and b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-html-tab-xs-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-sm-linux.png b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-sm-linux.png
index 948122bb07..b11216c21f 100644
Binary files a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-sm-linux.png and b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-xs-linux.png b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-xs-linux.png
index 2e15181171..a0e7222ea3 100644
Binary files a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-xs-linux.png and b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-plain-tab-xs-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-sm-linux.png b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-sm-linux.png
index 4bf91057d7..b1b4de09a2 100644
Binary files a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-sm-linux.png and b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-xs-linux.png b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-xs-linux.png
index 74d3310ecf..43248db6f8 100644
Binary files a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-xs-linux.png and b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-ltr-rich-tab-xs-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-sm-linux.png b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-sm-linux.png
index b2c6b28904..ef0bb0e32a 100644
Binary files a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-sm-linux.png and b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-xs-linux.png b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-xs-linux.png
index 09f18f9ecd..dc3354ec5b 100644
Binary files a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-xs-linux.png and b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-html-tab-xs-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-sm-linux.png b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-sm-linux.png
index f305040197..ed9dfbd5b0 100644
Binary files a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-sm-linux.png and b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-xs-linux.png b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-xs-linux.png
index dfed5fa5d2..2dc57439ef 100644
Binary files a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-xs-linux.png and b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-plain-tab-xs-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-sm-linux.png b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-sm-linux.png
index bb0517f192..7114fd4764 100644
Binary files a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-sm-linux.png and b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-sm-linux.png differ
diff --git a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-xs-linux.png b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-xs-linux.png
index 0c9db84766..c38ddefbe9 100644
Binary files a/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-xs-linux.png and b/test/storybook/visual-regression/v-media-reuse.spec.ts-snapshots/media-reuse-rtl-rich-tab-xs-linux.png differ