diff --git a/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.stories.js b/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.stories.js
index 43ab2068..2224b1a2 100644
--- a/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.stories.js
+++ b/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.stories.js
@@ -163,8 +163,7 @@ export const NavDesktopData = {
         },
         title: null
       }
-    },
-    NavDesktopDropdownMoreData
+    }
   ]
 }
 
@@ -185,71 +184,3 @@ export const BaseStory = {
     template: `<NavDesktop v-bind="args" />`
   })
 }
-
-export const NavInverted = {
-  args: {
-    data: NavDesktopData,
-    headerVisible: true,
-    scrolledUp: false,
-    scrollTop: 0,
-    invertOverride: true
-  },
-  render: (args) => ({
-    components: { NavDesktop },
-    setup() {
-      return { args }
-    },
-    template: `<div class="absolute inset-0">
-  <div style="height:2500px" class="nav-offset bg-jpl-blue-darker">
-    <NavDesktop v-bind="args" />
-    <div v-if="invertOverride" class="-nav-offset max-w-screen-3xl mx-auto">
-      <img class="w-full h-auto block" src="https://picsum.photos/1600/900" alt="Example Hero" />
-    </div>
-  </div>
-</div>`
-  })
-}
-
-export const TopHat = {
-  args: { data: NavDesktopData.topHat },
-  render: (args) => ({
-    components: { NavDesktopTopHat },
-    setup() {
-      return { args }
-    },
-    template: `<NavDesktopTopHat v-bind="args" />`
-  })
-}
-
-export const Dropdown = {
-  args: { data: NavDesktopDropdownContentData },
-  render: (args) => ({
-    components: { NavDesktopDropdown, NavDesktopDropdownContent },
-    setup() {
-      return { args }
-    },
-    template: `<div class="relative"><NavDesktopDropdown><template #dropdownLabel>Label Text</template><NavDesktopDropdownContent v-bind="args" /></NavDesktopDropdown></div>`
-  })
-}
-
-export const DropdownContent = {
-  args: { data: NavDesktopDropdownContentData },
-  render: (args) => ({
-    components: { NavDesktopDropdownContent },
-    setup() {
-      return { args }
-    },
-    template: `<NavDesktopDropdownContent v-bind="args" />`
-  })
-}
-
-export const DropdownMore = {
-  args: { data: NavDesktopDropdownMoreData },
-  render: (args) => ({
-    components: { NavDesktopDropdownMore },
-    setup() {
-      return { args }
-    },
-    template: `<NavDesktopDropdownMore v-bind="args" />`
-  })
-}
diff --git a/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue b/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue
index 79a79c84..e6dadbe0 100644
--- a/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue
+++ b/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="NavDesktopEdu z-50 w-full duration-150 ease-in"
+    class="NavDesktopEdu ThemeEdu z-50 w-full duration-150 ease-in"
     :class="{
       'sticky top-0': scrolledUp,
       relative: !scrolledUp,
diff --git a/packages/vue/src/docs/overviews/global_headers.docs.mdx b/packages/vue/src/docs/overviews/global_headers.docs.mdx
index 74dbc644..602c1fa0 100644
--- a/packages/vue/src/docs/overviews/global_headers.docs.mdx
+++ b/packages/vue/src/docs/overviews/global_headers.docs.mdx
@@ -1,6 +1,7 @@
 import { Meta } from '@storybook/blocks'
 import { ComponentList } from './../utils/ComponentList'
 import * as NavDesktopStories from './../../components/NavDesktop/NavDesktop.stories'
+import * as NavDesktopEduStories from './../../components/NavDesktopEdu/NavDesktopEdu.stories'
 
 <Meta title="Navigation/Headers/Overview" />
 
@@ -16,6 +17,13 @@ Headers are to be placed at the very top of your website or application. Header
       path: '/story/navigation-headers-www-navdesktop--base-story',
       fullWidth: true,
       fullCanvas: true
+    },
+    {
+      heading: 'External Header (EDU)',
+      meta: NavDesktopEduStories,
+      path: '/story/navigation-headers-edu-navdesktopedu--base-story',
+      fullWidth: true,
+      fullCanvas: true
     }
   ]}
 />
diff --git a/packages/vue/src/templates/edu/PageEduNewsDetail.vue b/packages/vue/src/templates/edu/PageEduNewsDetail.vue
index 1a69cf24..c51f2db4 100644
--- a/packages/vue/src/templates/edu/PageEduNewsDetail.vue
+++ b/packages/vue/src/templates/edu/PageEduNewsDetail.vue
@@ -67,7 +67,7 @@ const dateTimeArray = computed(() => {
 <template>
   <div
     v-if="data"
-    class="ThemeVariantLight"
+    class="ThemeEdu ThemeVariantLight"
     :class="computedClass"
     itemscope
     itemtype="http://schema.org/Article"