diff --git a/frontend/src/components/CardsContainer.tsx b/frontend/src/components/CardsContainer.tsx
index 1ec4a68..8708a7b 100644
--- a/frontend/src/components/CardsContainer.tsx
+++ b/frontend/src/components/CardsContainer.tsx
@@ -1,17 +1,21 @@
 import { FeilKort } from "./FeilCard";
 import { Feilmelding } from "../interface.ts";
 
+interface ICardsContainer {
+  feilmeldinger: Feilmelding[]
+}
+
 /**
  * Komponent som laster inn feilmeldinger i kort fra database.
  * @returns grid med feilmeldinger 
  */
-const CardsContainer = (feilmeldinger: Feilmelding[]) => {
+const CardsContainer = (props: ICardsContainer) => {
   return (
     <div>
       <div className="grid grid-cols-2 gap-6">
-        {feilmeldinger.map((feilMelding) => (
+        {props.feilmeldinger.map((feilMelding) => (
           <FeilKort
-            key={feilmeldinger.indexOf(feilMelding)}
+            key={props.feilmeldinger.indexOf(feilMelding)}
             tittel={feilMelding.tittel}
             beskrivelse={feilMelding.beskrivelse}
             dato={new Date()}