diff --git a/frontend/src/components/FeilKort.tsx b/frontend/src/components/FeilKort.tsx
index 9be184a..d54be61 100644
--- a/frontend/src/components/FeilKort.tsx
+++ b/frontend/src/components/FeilKort.tsx
@@ -1,12 +1,12 @@
 import "@navikt/ds-css";
-import { Button, Modal, Radio, RadioGroup, TextField, Textarea } from "@navikt/ds-react";
-import { IFeilmelding } from "../interface";
+import { Button, Modal} from "@navikt/ds-react";
+import { Feilmelding, IFeilmelding } from "../interface";
 import FeilModal from "./FeilModal";
 import { useEffect, useState } from "react";
-import { FloppydiskIcon, PencilIcon, XMarkIcon } from "@navikt/aksel-icons";
-import axios from "axios";
+import { PencilIcon, XMarkIcon } from "@navikt/aksel-icons";
 import FeilkortHeader from "./FeilkortHeader";
 import RedigeringsVerktoy from "./RedigeringsVerktoy";
+import FeilmeldingsInnhold from "./FeilmeldingsInnhold";
 
 /**
  * En konteiner som inneholder all informasjon og funksjonalitet for å vise og interagere med en feilmelding.
@@ -58,38 +58,18 @@ const FeilKort = (props: IFeilKort) => {
                         setRedigeringsmodus={setRedigeringsmodus}
                     />
                 : 
-                <div>
-                    <div className="flex justify-between">
-                        <FeilkortHeader 
-                            id={props.id}
-                            tittel={props.tittel}
-                            beskrivelse={props.beskrivelse}
-                            dato={props.dato}
-                            haster={props.haster}
-                            arbeidsstatus={props.arbeidsstatus}
-                        />
-                        <div className="flex gap-4 items-start">
-                            <Button
-                                variant="secondary"
-                                icon={<PencilIcon/>}
-                                onClick={() => setRedigeringsmodus(true)}
-                            >
-                                Rediger
-                            </Button>
-                            <Button
-                                icon={<XMarkIcon/>}
-                                onClick={() => {
-                                    setVisModal(false)
-                                    setRedigeringsmodus(false)
-                                }}
-                            >
-                                Lukk
-                            </Button>
-                        </div>
-                    </div>
-                    <div className="h-2 bg-gray-200 my-4 rounded-lg"></div>
-                    {/* TODO: HER KOMMER CONTENT */}
-                </div>
+                    <FeilmeldingsInnhold
+                        id={props.id}
+                        tittel={props.tittel}
+                        beskrivelse={props.beskrivelse}
+                        dato={props.dato}
+                        haster={props.haster}
+                        arbeidsstatus={props.arbeidsstatus}
+                        setVisModal={setVisModal}
+                        setRedigeringsmodus={setRedigeringsmodus}
+                    >
+                        <p>Her kommer det content</p>
+                    </FeilmeldingsInnhold>
                 }              
             </FeilModal>
         </>
diff --git a/frontend/src/components/FeilmeldingsInnhold.tsx b/frontend/src/components/FeilmeldingsInnhold.tsx
new file mode 100644
index 0000000..918343a
--- /dev/null
+++ b/frontend/src/components/FeilmeldingsInnhold.tsx
@@ -0,0 +1,48 @@
+import { PencilIcon, XMarkIcon } from "@navikt/aksel-icons"
+import { Button } from "@navikt/ds-react"
+import { IFeilmelding } from "../interface"
+import FeilkortHeader from "./FeilkortHeader"
+
+
+interface FeilmeldingsInnholdInterface extends IFeilmelding {
+    children: React.ReactNode
+    setVisModal: (visModal: boolean) => void
+    setRedigeringsmodus: (redigeringsmodus: boolean) => void
+}
+
+const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
+    return(
+        <div>
+            <div className="flex justify-between">
+                <FeilkortHeader
+                    id={props.id}
+                    tittel={props.tittel}
+                    beskrivelse={props.beskrivelse}
+                    dato={props.dato}
+                    haster={props.haster}
+                    arbeidsstatus={props.arbeidsstatus} />
+                <div className="flex gap-4 items-start">
+                    <Button
+                        variant="secondary"
+                        icon={<PencilIcon />}
+                        onClick={() => props.setRedigeringsmodus(true)}
+                    >
+                        Rediger
+                    </Button>
+                    <Button
+                        icon={<XMarkIcon />}
+                        onClick={() => {
+                            props.setVisModal(false)
+                            props.setRedigeringsmodus(false)
+                        }}
+                    >
+                        Lukk
+                    </Button>
+                </div>
+            </div>
+            <div className="h-2 bg-gray-200 my-4 rounded-lg"></div>
+            {props.children}
+        </div>
+    )
+}
+export default FeilmeldingsInnhold;