From e74a477e1066c8d582518cebc211bde15c5ad789 Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <sindre.kjelsrud@nav.no>
Date: Thu, 6 Jul 2023 12:23:31 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9=20Hydration-error=20endelig=20fiks?=
 =?UTF-8?q?a?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Feilen var at description (<p>-tag) ikke kan inneholde andre elementer som ikke er til bruk i paragrafer (i dette tilfellet en <div>)

Co-authored-by: Amalie Erdal Mansåker <amalie.erdal.mansaker@nav.no>
Co-authored-by: Markus A. R. Johansen <markus.aleksander.rakil.johansen@nav.no>
---
 frontend/components/FeilCard.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/components/FeilCard.tsx b/frontend/components/FeilCard.tsx
index 5e0f243..81ced41 100644
--- a/frontend/components/FeilCard.tsx
+++ b/frontend/components/FeilCard.tsx
@@ -3,11 +3,11 @@ import { ExpansionCard, Tag } from "@navikt/ds-react";
 
 const TagBar = () => {
     return (
-        <div>
+        <div className="flex gap-8">
             <Tag variant="info">Jobbes med</Tag>
-            <div>
+            <div className="flex gap-2">
                 <Tag variant="neutral">Spleiselaget</Tag>
-                <Tag variant="neutral">Haster</Tag>
+                <Tag variant="warning">Haster</Tag>
             </div>
         </div>
     )
@@ -19,9 +19,9 @@ const FeilCard = () => {
             <ExpansionCard.Header>
                 <ExpansionCard.Title>Dummy</ExpansionCard.Title>
                 <ExpansionCard.Description>
-                    <p>Dummy Dummy Java</p> 
-                    <TagBar />
+                    Dummy Dummy Java 
                 </ExpansionCard.Description>
+                    <TagBar />
             </ExpansionCard.Header>
             <ExpansionCard.Content>
                 Hællæ