diff --git a/frontend/src/components/VMediaInfo/VCollapsibleTagSection.vue b/frontend/src/components/VMediaInfo/VCollapsibleTagSection.vue
new file mode 100644
index 00000000000..f0f0632e356
--- /dev/null
+++ b/frontend/src/components/VMediaInfo/VCollapsibleTagSection.vue
@@ -0,0 +1,229 @@
+<template>
+  <div class="-my-1.5px">
+    <ul
+      ref="tagsContainerRef"
+      class="flex flex-wrap gap-3 overflow-y-hidden p-1.5px"
+      :class="heightClass"
+    >
+      <li v-for="tag in visibleTags" :key="tag">
+        <VTag :href="localizedTagPath(tag)">{{ tag }}</VTag>
+      </li>
+    </ul>
+    <VButton
+      v-if="hasOverflow"
+      size="small"
+      variant="transparent-tx"
+      has-icon-end
+      class="label-bold -ms-2 mt-4 hover:underline"
+      :aria-expanded="buttonStatus === 'show' ? 'false' : 'true'"
+      @click="handleClick"
+      >{{
+        $t(
+          buttonStatus === "show"
+            ? "mediaDetails.tags.showMore"
+            : "mediaDetails.tags.showLess"
+        )
+      }}<VIcon
+        name="caret-down"
+        :size="4"
+        :class="{ '-scale-y-100 transform': buttonStatus === 'hide' }"
+    /></VButton>
+  </div>
+</template>
+<script lang="ts">
+import {
+  computed,
+  defineComponent,
+  nextTick,
+  onMounted,
+  type PropType,
+  ref,
+} from "vue"
+import { useContext } from "@nuxtjs/composition-api"
+
+import { useResizeObserver, watchDebounced } from "@vueuse/core"
+
+import type { Tag } from "~/types/media"
+import type { SupportedMediaType } from "~/constants/media"
+import { useSearchStore } from "~/stores/search"
+import { useI18n } from "~/composables/use-i18n"
+
+import { focusElement } from "~/utils/focus-management"
+
+import VTag from "~/components/VTag/VTag.vue"
+import VButton from "~/components/VButton.vue"
+import VIcon from "~/components/VIcon/VIcon.vue"
+
+// The number of rows to display before collapsing the tags
+const ROWS_TO_DISPLAY = 3
+
+export default defineComponent({
+  name: "VCollapsibleTagSection",
+  components: { VIcon, VButton, VTag },
+  props: {
+    tags: {
+      type: Array as PropType<Tag[]>,
+      required: true,
+    },
+    mediaType: {
+      type: String as PropType<SupportedMediaType>,
+      required: true,
+    },
+  },
+  setup(props) {
+    const tagsContainerRef = ref<HTMLElement>()
+
+    const searchStore = useSearchStore()
+    const { $sendCustomEvent } = useContext()
+    const i18n = useI18n()
+
+    const localizedTagPath = (tag: string) => {
+      return searchStore.getCollectionPath({
+        type: props.mediaType,
+        collectionParams: { collection: "tag", tag },
+      })
+    }
+
+    const normalizedTags = computed(() => {
+      return Array.from(new Set(props.tags.map((tag) => tag.name)))
+    })
+
+    const collapsibleRowsStartAt = ref<number>()
+    const dir = computed(() => {
+      return i18n.localeProperties.dir
+    })
+
+    function isFurtherInline(previous: HTMLElement, current: HTMLElement) {
+      if (dir.value === "rtl") {
+        return previous.offsetLeft < current.offsetLeft
+      }
+      return previous.offsetLeft > current.offsetLeft
+    }
+
+    function findRowStartsAt(parent: HTMLElement) {
+      const children = Array.from(parent.children)
+      if (!children.length) {
+        return 0
+      }
+      let rowCount = 0
+      for (let i = 0; i < children.length; i++) {
+        const child = children[i] as HTMLElement
+        const previous = child.previousElementSibling as HTMLElement
+        if (!previous) {
+          rowCount++
+        } else if (isFurtherInline(previous, child)) {
+          rowCount++
+        }
+        if (rowCount === ROWS_TO_DISPLAY + 1) {
+          return i
+        }
+      }
+      return children.length
+    }
+
+    /**
+     * Only the first 3 rows of tags are visible by default.
+     * If we hide the tags using CSS only, they will be tabbable,
+     * even though they are not visible.
+     */
+    const visibleTags = computed<string[]>(() => {
+      return collapsibleRowsStartAt.value && buttonStatus.value === "show"
+        ? normalizedTags.value.slice(0, collapsibleRowsStartAt.value)
+        : normalizedTags.value
+    })
+
+    const hasOverflow = computed(() => {
+      return (
+        collapsibleRowsStartAt.value &&
+        collapsibleRowsStartAt.value < normalizedTags.value.length
+      )
+    })
+
+    onMounted(() => {
+      /**
+       * Find the index of the first item after the third row of tags. This is used
+       * to determine which tags to hide.
+       */
+      if (tagsContainerRef.value) {
+        collapsibleRowsStartAt.value = findRowStartsAt(tagsContainerRef.value)
+      }
+    })
+
+    const buttonStatus = ref<"show" | "hide">("show")
+    /**
+     * Toggles the text for the "Show more" button. When showing more tags, we also
+     * focus the first tag in the newly-opened row for a11y.
+     */
+    const handleClick = () => {
+      buttonStatus.value = buttonStatus.value === "show" ? "hide" : "show"
+      $sendCustomEvent("TOGGLE_TAG_EXPANSION", {
+        toState: buttonStatus.value === "show" ? "collapsed" : "expanded",
+      })
+      if (buttonStatus.value === "hide" && collapsibleRowsStartAt.value) {
+        nextTick(() => {
+          if (!collapsibleRowsStartAt.value) {
+            return
+          }
+          const firstTagInFourthRow = tagsContainerRef.value?.children.item(
+            collapsibleRowsStartAt.value
+          ) as HTMLElement
+          focusElement(firstTagInFourthRow?.querySelector("a"))
+        })
+      }
+    }
+
+    const heightClass = computed(() => {
+      if (!hasOverflow.value) {
+        return "max-h-none"
+      }
+      /**
+       * Height is 3 rows of tags, gaps, and a padding for the focus rings.
+       * 3 * 2rem (tags) + 2 * 0.75rem (2 gaps) + 0.1875rem (margin for the focus ring)
+       */
+      return buttonStatus.value === "show" ? "max-h-[7.6875rem]" : "mah-h-none"
+    })
+
+    const listWidth = ref<number>()
+    useResizeObserver(tagsContainerRef, (entries) => {
+      listWidth.value = entries[0].contentRect.width
+    })
+
+    watchDebounced(
+      listWidth,
+      (newWidth, oldWidth) => {
+        if (!tagsContainerRef.value) {
+          return
+        }
+        const isWidening = oldWidth && newWidth && newWidth > oldWidth
+
+        if (isWidening) {
+          collapsibleRowsStartAt.value = normalizedTags.value.length
+        }
+        nextTick(() => {
+          if (tagsContainerRef.value) {
+            collapsibleRowsStartAt.value = findRowStartsAt(
+              tagsContainerRef.value
+            )
+          }
+        })
+      },
+      { debounce: 300 }
+    )
+
+    return {
+      tagsContainerRef,
+
+      localizedTagPath,
+
+      normalizedTags,
+      visibleTags,
+
+      hasOverflow,
+      buttonStatus,
+      heightClass,
+
+      handleClick,
+    }
+  },
+})
+</script>
diff --git a/frontend/src/components/VMediaInfo/VMediaDetails.vue b/frontend/src/components/VMediaInfo/VMediaDetails.vue
index ec001a6503b..c5906b01f88 100644
--- a/frontend/src/components/VMediaInfo/VMediaDetails.vue
+++ b/frontend/src/components/VMediaInfo/VMediaDetails.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="flex flex-col gap-y-6">
+  <section class="flex flex-col gap-y-6 md:gap-y-8">
     <header class="flex flex-row items-center justify-between">
       <h2 class="heading-6 md:heading-5">
         {{ $t(`mediaDetails.${media.frontendMediaType}Info`) }}
@@ -9,10 +9,18 @@
     <div class="flex flex-col items-start gap-6 md:flex-row">
       <slot name="thumbnail" />
 
-      <div class="flex w-full flex-grow flex-col gap-6">
-        <p v-if="media.description">{{ media.description }}</p>
-        <VMediaTags :tags="media.tags" :media-type="media.frontendMediaType" />
-        <VMetadata v-if="metadata" :metadata="metadata" />
+      <div class="flex flex-col gap-6 md:gap-8">
+        <div
+          class="flex w-full flex-grow flex-col items-start gap-6 md:flex-row"
+        >
+          <p v-if="media.description">{{ media.description }}</p>
+          <VMetadata v-if="metadata" :metadata="metadata" />
+        </div>
+        <VMediaTags
+          :tags="media.tags"
+          :media-type="media.frontendMediaType"
+          :provider="media.provider"
+        />
       </div>
     </div>
   </section>
diff --git a/frontend/src/components/VMediaInfo/VMediaTags.vue b/frontend/src/components/VMediaInfo/VMediaTags.vue
index 680b585fcdf..919b318fd82 100644
--- a/frontend/src/components/VMediaInfo/VMediaTags.vue
+++ b/frontend/src/components/VMediaInfo/VMediaTags.vue
@@ -1,66 +1,43 @@
 <template>
-  <div v-if="normalizedTags.length" class="-my-1.5px">
-    <ul
-      ref="tagsContainerRef"
-      :aria-label="$t('mediaDetails.tags.title').toString()"
-      class="flex flex-wrap gap-3 overflow-y-hidden p-1.5px"
-      :class="heightClass"
-    >
-      <li v-for="tag in visibleTags" :key="tag">
-        <VTag :href="localizedTagPath(tag)">{{ tag }}</VTag>
-      </li>
-    </ul>
-    <VButton
-      v-if="hasOverflow"
-      size="small"
-      variant="transparent-tx"
-      has-icon-end
-      class="label-bold -ms-2 mt-4 hover:underline"
-      :aria-expanded="buttonStatus === 'show' ? 'false' : 'true'"
-      @click="handleClick"
-      >{{
-        $t(
-          buttonStatus === "show"
-            ? "mediaDetails.tags.showMore"
-            : "mediaDetails.tags.showLess"
-        )
-      }}<VIcon
-        name="caret-down"
-        :size="4"
-        :class="{ '-scale-y-100 transform': buttonStatus === 'hide' }"
-    /></VButton>
+  <div class="flex flex-col gap-6 sm:gap-8">
+    <div v-if="hasSourceTags">
+      <h3 v-if="hasGeneratedTags" class="label-regular mb-2">
+        {{ $t("mediaDetails.tags.source.heading") }}
+      </h3>
+      <h3 v-else class="sr-only">{{ $t("mediaDetails.tags.title") }}</h3>
+      <VCollapsibleTagSection
+        :media-type="mediaType"
+        :tags="tagsByType.source"
+      />
+    </div>
+    <div v-if="hasGeneratedTags">
+      <div class="label-regular mb-2 flex gap-2">
+        <h3>{{ $t("mediaDetails.tags.generated.heading") }}</h3>
+        <VLink :href="generatedTagsPath">{{
+          $t("mediaDetails.tags.generated.pageTitle")
+        }}</VLink>
+      </div>
+      <VCollapsibleTagSection
+        :media-type="mediaType"
+        :tags="tagsByType.generated"
+      />
+    </div>
   </div>
 </template>
+
 <script lang="ts">
-import {
-  computed,
-  defineComponent,
-  nextTick,
-  onMounted,
-  type PropType,
-  ref,
-} from "vue"
+import { computed, defineComponent, type PropType } from "vue"
 import { useContext } from "@nuxtjs/composition-api"
 
-import { useResizeObserver, watchDebounced } from "@vueuse/core"
-
-import type { Tag } from "~/types/media"
 import type { SupportedMediaType } from "~/constants/media"
-import { useSearchStore } from "~/stores/search"
-import { useI18n } from "~/composables/use-i18n"
-
-import { focusElement } from "~/utils/focus-management"
-
-import VTag from "~/components/VTag/VTag.vue"
-import VButton from "~/components/VButton.vue"
-import VIcon from "~/components/VIcon/VIcon.vue"
+import type { Tag } from "~/types/media"
 
-// The number of rows to display before collapsing the tags
-const ROWS_TO_DISPLAY = 3
+import VCollapsibleTagSection from "~/components/VMediaInfo/VCollapsibleTagSection.vue"
+import VLink from "~/components/VLink.vue"
 
 export default defineComponent({
   name: "VMediaTags",
-  components: { VIcon, VButton, VTag },
+  components: { VCollapsibleTagSection, VLink },
   props: {
     tags: {
       type: Array as PropType<Tag[]>,
@@ -70,161 +47,38 @@ export default defineComponent({
       type: String as PropType<SupportedMediaType>,
       required: true,
     },
+    provider: {
+      type: String as PropType<string>,
+      required: true,
+    },
   },
   setup(props) {
-    const tagsContainerRef = ref<HTMLElement>()
-
-    const searchStore = useSearchStore()
-    const { $sendCustomEvent } = useContext()
-    const i18n = useI18n()
-
-    const localizedTagPath = (tag: string) => {
-      return searchStore.getCollectionPath({
-        type: props.mediaType,
-        collectionParams: { collection: "tag", tag },
-      })
-    }
-
-    const normalizedTags = computed(() => {
-      return Array.from(new Set(props.tags.map((tag) => tag.name)))
-    })
-
-    const collapsibleRowsStartAt = ref<number>()
-    const dir = computed(() => {
-      return i18n.localeProperties.dir
-    })
-
-    function isFurtherInline(previous: HTMLElement, current: HTMLElement) {
-      if (dir.value === "rtl") {
-        return previous.offsetLeft < current.offsetLeft
-      }
-      return previous.offsetLeft > current.offsetLeft
-    }
-
-    function findRowStartsAt(parent: HTMLElement) {
-      const children = Array.from(parent.children)
-      if (!children.length) {
-        return 0
-      }
-      let rowCount = 0
-      for (let i = 0; i < children.length; i++) {
-        const child = children[i] as HTMLElement
-        const previous = child.previousElementSibling as HTMLElement
-        if (!previous) {
-          rowCount++
-        } else if (isFurtherInline(previous, child)) {
-          rowCount++
-        }
-        if (rowCount === ROWS_TO_DISPLAY + 1) {
-          return i
+    const tagsByType = computed(() => {
+      const generatedTags = []
+      const sourceTags = []
+      for (const tag of props.tags) {
+        if (
+          tag.unstable__provider &&
+          tag.unstable__provider !== props.provider
+        ) {
+          generatedTags.push(tag)
+        } else {
+          sourceTags.push(tag)
         }
       }
-      return children.length
-    }
-
-    /**
-     * Only the first 3 rows of tags are visible by default.
-     * If we hide the tags using CSS only, they will be tabbable,
-     * even though they are not visible.
-     */
-    const visibleTags = computed<string[]>(() => {
-      return collapsibleRowsStartAt.value && buttonStatus.value === "show"
-        ? normalizedTags.value.slice(0, collapsibleRowsStartAt.value)
-        : normalizedTags.value
-    })
-
-    const hasOverflow = computed(() => {
-      return (
-        collapsibleRowsStartAt.value &&
-        collapsibleRowsStartAt.value < normalizedTags.value.length
-      )
-    })
-
-    onMounted(() => {
-      /**
-       * Find the index of the first item after the third row of tags. This is used
-       * to determine which tags to hide.
-       */
-      if (tagsContainerRef.value) {
-        collapsibleRowsStartAt.value = findRowStartsAt(tagsContainerRef.value)
-      }
-    })
-
-    const buttonStatus = ref<"show" | "hide">("show")
-    /**
-     * Toggles the text for the "Show more" button. When showing more tags, we also
-     * focus the first tag in the newly-opened row for a11y.
-     */
-    const handleClick = () => {
-      buttonStatus.value = buttonStatus.value === "show" ? "hide" : "show"
-      $sendCustomEvent("TOGGLE_TAG_EXPANSION", {
-        toState: buttonStatus.value === "show" ? "collapsed" : "expanded",
-      })
-      if (buttonStatus.value === "hide" && collapsibleRowsStartAt.value) {
-        nextTick(() => {
-          if (!collapsibleRowsStartAt.value) {
-            return
-          }
-          const firstTagInFourthRow = tagsContainerRef.value?.children.item(
-            collapsibleRowsStartAt.value
-          ) as HTMLElement
-          focusElement(firstTagInFourthRow?.querySelector("a"))
-        })
-      }
-    }
-
-    const heightClass = computed(() => {
-      if (!hasOverflow.value) {
-        return "max-h-none"
-      }
-      /**
-       * Height is 3 rows of tags, gaps, and a padding for the focus rings.
-       * 3 * 2rem (tags) + 2 * 0.75rem (2 gaps) + 0.1875rem (margin for the focus ring)
-       */
-      return buttonStatus.value === "show" ? "max-h-[7.6875rem]" : "mah-h-none"
+      return { generated: generatedTags, source: sourceTags }
     })
 
-    const listWidth = ref<number>()
-    useResizeObserver(tagsContainerRef, (entries) => {
-      listWidth.value = entries[0].contentRect.width
-    })
-
-    watchDebounced(
-      listWidth,
-      (newWidth, oldWidth) => {
-        if (!tagsContainerRef.value) {
-          return
-        }
-        const isWidening = oldWidth && newWidth && newWidth > oldWidth
-
-        if (isWidening) {
-          collapsibleRowsStartAt.value = normalizedTags.value.length
-        }
-        nextTick(() => {
-          if (tagsContainerRef.value) {
-            collapsibleRowsStartAt.value = findRowStartsAt(
-              tagsContainerRef.value
-            )
-          }
-        })
-      },
-      { debounce: 300 }
+    const hasSourceTags = computed(() => tagsByType.value.source.length > 0)
+    const hasGeneratedTags = computed(
+      () => tagsByType.value.generated.length > 0
     )
 
-    return {
-      tagsContainerRef,
-
-      localizedTagPath,
-
-      normalizedTags,
-      visibleTags,
+    const { app } = useContext()
 
-      hasOverflow,
-      buttonStatus,
-      heightClass,
+    const generatedTagsPath = computed(() => app.localePath("/generated-tags"))
 
-      handleClick,
-    }
+    return { generatedTagsPath, tagsByType, hasSourceTags, hasGeneratedTags }
   },
 })
 </script>
diff --git a/frontend/src/components/VMediaInfo/VMetadata.vue b/frontend/src/components/VMediaInfo/VMetadata.vue
index d5e42423d52..5c509e15f62 100644
--- a/frontend/src/components/VMediaInfo/VMetadata.vue
+++ b/frontend/src/components/VMediaInfo/VMetadata.vue
@@ -4,7 +4,7 @@
       <VSourceProviderTooltip
         v-if="tooltipId(datum)"
         :described-by="tooltipId(datum)"
-        class="label-regular mb-1 flex flex-row items-center ps-1"
+        class="label-regular -ms-1 mb-1 flex flex-row items-center ps-1"
         :datum="datum"
       />
       <dt v-else class="label-regular mb-1 flex flex-row ps-1">
@@ -12,6 +12,7 @@
       </dt>
       <VMetadataValue
         :datum="datum"
+        :class="{ '-ms-1': Boolean(tooltipId(datum)) }"
         @click="sendVisitSourceLinkEvent(datum.source)"
       />
     </div>
@@ -22,7 +23,7 @@
         v-if="tooltipId(datum)"
         :key="datum.label"
         :described-by="tooltipId(datum)"
-        class="label-regular flex flex-row items-center p-1 sm:py-0 sm:pe-0"
+        class="label-regular -ms-1 flex flex-row items-center p-1 sm:ms-0 sm:py-0 sm:pe-0"
         :datum="datum"
       />
       <dt
diff --git a/frontend/src/locales/scripts/en.json5 b/frontend/src/locales/scripts/en.json5
index 04f8f9e49f0..9b93fa20f2a 100644
--- a/frontend/src/locales/scripts/en.json5
+++ b/frontend/src/locales/scripts/en.json5
@@ -467,6 +467,12 @@
       },
     },
   },
+  generatedTags: {
+    title: "About Generated Tags",
+    intro: {
+      content: "Generated tags are automatically assigned to media items based on the content of the media item itself. These tags are generated using machine learning models trained on a large dataset of images and audio tracks.",
+    },
+  },
   error: {
     occurred: "An error occurred",
     imageNotFound: "Couldn't find image with id {id}",
@@ -821,6 +827,13 @@
     audioInfo: "Audio track information",
     tags: {
       title: "Tags",
+      generated: {
+        heading: "Generated tags",
+        pageTitle: "Learn more",
+      },
+      source: {
+        heading: "Source tags",
+      },
       showMore: "Show more",
       showLess: "Show less",
     },
diff --git a/frontend/src/pages/generated-tags.vue b/frontend/src/pages/generated-tags.vue
new file mode 100644
index 00000000000..91833c64c52
--- /dev/null
+++ b/frontend/src/pages/generated-tags.vue
@@ -0,0 +1,31 @@
+<template>
+  <VContentPage>
+    <h1>{{ $t("generatedTags.title") }}</h1>
+    <p>{{ $t("generatedTags.intro.content") }}</p>
+  </VContentPage>
+</template>
+
+<script lang="ts">
+import { defineComponent, useMeta } from "@nuxtjs/composition-api"
+
+import { useI18n } from "~/composables/use-i18n"
+
+import VContentPage from "~/components/VContentPage.vue"
+
+export default defineComponent({
+  name: "VGeneratedTagsPage",
+  components: { VContentPage },
+  layout: "content-layout",
+  setup() {
+    const i18n = useI18n()
+
+    useMeta({
+      title: `${i18n.t("generatedTags.title")} | Openverse`,
+      meta: [{ hid: "robots", name: "robots", content: "all" }],
+    })
+
+    return {}
+  },
+  head: {},
+})
+</script>
diff --git a/frontend/src/types/media.ts b/frontend/src/types/media.ts
index a783cce68f4..d9fca4944cb 100644
--- a/frontend/src/types/media.ts
+++ b/frontend/src/types/media.ts
@@ -13,6 +13,7 @@ import { AUDIO, IMAGE } from "~/constants/media"
 
 export interface Tag {
   name: string
+  unstable__provider?: string
 }
 
 /**
diff --git a/frontend/test/playwright/e2e/collections.spec.ts b/frontend/test/playwright/e2e/collections.spec.ts
index eac127cf2f1..cf4c510a116 100644
--- a/frontend/test/playwright/e2e/collections.spec.ts
+++ b/frontend/test/playwright/e2e/collections.spec.ts
@@ -11,7 +11,6 @@ import {
   getCopyButton,
   getH1,
   getLoadMoreButton,
-  // getLoadMoreButton,
 } from "~~/test/playwright/utils/components"
 import { t } from "~~/test/playwright/utils/i18n"
 import {
@@ -73,7 +72,7 @@ test("some tags are hidden if there are more than 3 rows", async ({ page }) => {
   await preparePageForTests(page, "xl")
   await page.goto("/image/2bc7dde0-5aad-4cf7-b91d-7f0e3bd06750")
 
-  const tags = page.getByRole("list", { name: t("mediaDetails.tags.title") })
+  const tags = page.getByRole("list").nth(2)
   await expect(tags).toBeVisible()
   const tagsCount = await tags.locator("li").count()
 
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-2xl-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-2xl-linux.png
index 1f6673cdc1b..ef18119a8a4 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-2xl-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-2xl-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-lg-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-lg-linux.png
index d8b6ddd2555..a7d4bc817f4 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-lg-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-lg-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-md-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-md-linux.png
index af49ddafd8a..8b92ca7d3c8 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-md-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-md-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-sm-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-sm-linux.png
index 1ab870cf0da..93942c5d66e 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-sm-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-sm-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-xl-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-xl-linux.png
index b9a1e7f7d13..444e4f97f14 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-xl-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-xl-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-xs-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-xs-linux.png
index 1f07f48d956..80dcf6bc061 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-xs-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-ltr-from-search-results-with-additional-search-views-xs-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-2xl-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-2xl-linux.png
index 008b87f7062..b7457190f6b 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-2xl-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-2xl-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-lg-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-lg-linux.png
index 4088e827410..5140c1021d9 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-lg-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-lg-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-md-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-md-linux.png
index 232e6742d02..97d6f549a47 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-md-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-md-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-sm-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-sm-linux.png
index a4e22845c78..77b93ca37e2 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-sm-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-sm-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-xl-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-xl-linux.png
index 24162e557dc..2a3efeff16b 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-xl-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-xl-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-xs-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-xs-linux.png
index cafa5714373..4f728af1321 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-xs-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-rtl-from-search-results-with-additional-search-views-xs-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-2xl-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-2xl-linux.png
index c6cf129e952..b8c6beaa8db 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-2xl-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-2xl-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-lg-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-lg-linux.png
index 65344b8baa1..35ef3233961 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-lg-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-lg-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-md-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-md-linux.png
index 6cb4f9daef2..d4e3853f229 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-md-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-md-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-sm-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-sm-linux.png
index 5a70e14aced..148ddfe4c9a 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-sm-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-sm-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-xl-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-xl-linux.png
index c822dabffad..4058f5139e5 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-xl-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-xl-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-xs-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-xs-linux.png
index c722b184a4b..ac5b1733279 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-xs-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-ltr-from-search-results-with-additional-search-views-xs-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-2xl-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-2xl-linux.png
index 394aa768dfa..a04fed2d307 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-2xl-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-2xl-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-lg-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-lg-linux.png
index a7321baa5ce..d406d68e641 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-lg-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-lg-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-md-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-md-linux.png
index aafa84bf523..9fff959c4c4 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-md-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-md-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-sm-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-sm-linux.png
index 4806817b404..facacb0f96b 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-sm-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-sm-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-xl-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-xl-linux.png
index 776a49649b2..af7e53c70cc 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-xl-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-xl-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-xs-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-xs-linux.png
index a0b3a5dc40d..6b9c84ed974 100644
Binary files a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-xs-linux.png and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-rtl-from-search-results-with-additional-search-views-xs-linux.png differ