diff --git a/src/pages/404.astro b/src/pages/404.astro
index 553778cceddb..4f78a0beb993 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,6 +1,7 @@
 ---
 import Icon from '../components/AstroIcon.astro';
 import BaseLayout from '../layouts/BaseLayout.astro';
+import Navigation from '../components/Navigation/Navigation.astro';
 import { listOfficialRoadmaps } from '../queries/official-roadmap';
 
 const roadmapIds = await listOfficialRoadmaps();
@@ -20,6 +21,8 @@ const legacyRoadmapUrls = [
     }
   </script>
 
+  <Navigation slot='page-header' />
+
   <div class='bg-gray-100'>
     <div
       class='container flex flex-col items-center justify-center gap-7 py-10 md:flex-row md:py-32'