From 36190f76575f4a18cffdc32b4e01e97e126f44cb Mon Sep 17 00:00:00 2001
From: Ken <26967723+KenAJoh@users.noreply.github.com>
Date: Wed, 11 Dec 2024 16:30:22 +0100
Subject: [PATCH] :memo: Update Textfield example for readonly after feedback
 (#3448)

---
 @navikt/core/css/darkside/form/form.darkside.css         | 2 +-
 .../website/pages/eksempler/textfield/readonly.tsx       | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/@navikt/core/css/darkside/form/form.darkside.css b/@navikt/core/css/darkside/form/form.darkside.css
index 8000721341..6bf4c231e8 100644
--- a/@navikt/core/css/darkside/form/form.darkside.css
+++ b/@navikt/core/css/darkside/form/form.darkside.css
@@ -41,7 +41,7 @@
 
 .navds-form-field__readonly-icon {
   margin-top: var(--ax-spacing-05);
-  margin-right: var(--ax-spacing-2);
+  margin-right: var(--ax-spacing-1);
   flex-shrink: 0;
   align-self: flex-start;
 }
diff --git a/aksel.nav.no/website/pages/eksempler/textfield/readonly.tsx b/aksel.nav.no/website/pages/eksempler/textfield/readonly.tsx
index 29ee1ac2fb..e88296ffb4 100644
--- a/aksel.nav.no/website/pages/eksempler/textfield/readonly.tsx
+++ b/aksel.nav.no/website/pages/eksempler/textfield/readonly.tsx
@@ -2,7 +2,14 @@ import { TextField } from "@navikt/ds-react";
 import { withDsExample } from "@/web/examples/withDsExample";
 
 const Example = () => {
-  return <TextField label="Har du noen tilbakemeldinger?" readOnly />;
+  return (
+    <TextField
+      label="Adresse"
+      description="Hentet fra Folkeregisteret"
+      value="Portveien 2"
+      readOnly
+    />
+  );
 };
 
 // EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE