diff --git a/packages/ripple-tide-media/components/TideMediaHeader.vue b/packages/ripple-tide-media/components/TideMediaHeader.vue
deleted file mode 100644
index efb1d81f50..0000000000
--- a/packages/ripple-tide-media/components/TideMediaHeader.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-export default { name: 'TideMediaHeader' }
-</script>
-
-<template>
-  <RplHeroHeader
-    :corner-top="true"
-    :corner-bottom="true"
-    :behind-nav="true"
-    :breadcrumbs="hasBreadcrumbs"
-    :title="header.title"
-  />
-</template>
-
-<script setup lang="ts">
-import type { TideMediaHeader } from '../../types'
-
-defineProps<{
-  header: TideMediaHeader
-  hasBreadcrumbs: boolean
-}>()
-</script>
diff --git a/packages/ripple-tide-media/components/global/TideMediaAudio.vue b/packages/ripple-tide-media/components/global/TideMediaAudio.vue
index d9377d0756..2db03af3b3 100644
--- a/packages/ripple-tide-media/components/global/TideMediaAudio.vue
+++ b/packages/ripple-tide-media/components/global/TideMediaAudio.vue
@@ -18,7 +18,7 @@
       <slot name="breadcrumbs"></slot>
     </template>
     <template #aboveBody>
-      <TideMediaHeader :header="page.header" />
+      <slot name="aboveBody" :hasBreadcrumbs="hasBreadcrumbs"></slot>
     </template>
     <template #body>
       <TideMediaBody :media="page.media">
diff --git a/packages/ripple-tide-media/components/global/TideMediaEmbeddedVideo.vue b/packages/ripple-tide-media/components/global/TideMediaEmbeddedVideo.vue
index 7083c968f6..5f578f957d 100644
--- a/packages/ripple-tide-media/components/global/TideMediaEmbeddedVideo.vue
+++ b/packages/ripple-tide-media/components/global/TideMediaEmbeddedVideo.vue
@@ -18,7 +18,7 @@
       <slot name="breadcrumbs"></slot>
     </template>
     <template #aboveBody="{ hasBreadcrumbs }">
-      <TideMediaHeader :header="page.header" :hasBreadcrumbs="hasBreadcrumbs" />
+      <slot name="aboveBody" :hasBreadcrumbs="hasBreadcrumbs"></slot>
     </template>
     <template #body>
       <TideMediaBody :media="page.media">