diff --git a/frontend/components/Header.tsx b/frontend/components/Header.tsx
new file mode 100644
index 0000000..06e0c41
--- /dev/null
+++ b/frontend/components/Header.tsx
@@ -0,0 +1,21 @@
+import { MenuGridIcon } from "@navikt/aksel-icons"
+import { InternalHeader, Dropdown } from "@navikt/ds-react"
+
+const Header = () => {
+    return(
+        <InternalHeader>
+            <InternalHeader.Title href="/#home">
+                Sprik
+            </InternalHeader.Title>
+            <Dropdown>
+                <InternalHeader.Button
+                    as={Dropdown.Toggle}
+                >
+                    <MenuGridIcon title="MenuGridIconer og oppslagsverk" />
+                </InternalHeader.Button>
+            {/* <Dropdown.Menu /> */}
+            </Dropdown>
+        </InternalHeader>
+    )
+}
+export default Header
\ No newline at end of file
diff --git a/frontend/pages/feil/index.tsx b/frontend/pages/feil/index.tsx
index 92d3c01..e9c7ae6 100644
--- a/frontend/pages/feil/index.tsx
+++ b/frontend/pages/feil/index.tsx
@@ -6,6 +6,7 @@ import post from "../api/http";
 import { useState } from "react";
 import router from "next/router";
 import BildeOpplastning from "@/components/BildeOpplastning";
+import Header from "@/components/Header";
 
 export default function Feil() {
     const [tittel, setTittel] = useState("");
@@ -24,9 +25,7 @@ export default function Feil() {
 
     return (
         <main className="flex flex-col h-screen">
-                  
-            <div className="h-12 bg-gray-900"></div>
-
+            <Header/>
             <div className="flex grow">
                 <div className="w-1/4 bg-bg-subtle"></div>
                 <div className="flex flex-col justify-center gap-32 p-16 grow">
diff --git a/frontend/pages/index.tsx b/frontend/pages/index.tsx
index 7ba250b..eec4049 100644
--- a/frontend/pages/index.tsx
+++ b/frontend/pages/index.tsx
@@ -1,4 +1,5 @@
 import CardsContainer from "@/components/CardsContainer";
+import Header from "@/components/Header";
 import "@navikt/ds-css";
 import { Button, Heading, Search } from "@navikt/ds-react";
 import router from "next/router";
@@ -10,7 +11,7 @@ export default function Home() {
 
   return (
     <main className="flex flex-col h-screen">
-      <div className="h-12 bg-gray-900"></div>
+      <Header/>
       <div className="flex justify-center grow">
         <div className="bg-bg-subtle w-1/6 p-8 flex flex-col justify-end">
           <div className="flex flex-col gap-4 text-center bottom-0">