From 70dd8e1f42de0d248857b6f185b9e44b48a279fb Mon Sep 17 00:00:00 2001
From: Kajsa Eggum <kajsa.eggum@geodata.no>
Date: Thu, 21 Dec 2023 13:08:41 +0100
Subject: [PATCH] fix radio group

---
 packages/css/package.json                               | 2 +-
 packages/css/src/formElements/radiogroup/radiogroup.css | 1 +
 packages/react/package.json                             | 2 +-
 packages/react/src/formElements/MdRadioGroup.tsx        | 6 +++---
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/css/package.json b/packages/css/package.json
index 0f66a9a8..1f4ac75f 100644
--- a/packages/css/package.json
+++ b/packages/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@miljodirektoratet/md-css",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "CSS for Miljødirektoratet",
   "author": "Miljødirektoratet",
   "main": "./src/index.css",
diff --git a/packages/css/src/formElements/radiogroup/radiogroup.css b/packages/css/src/formElements/radiogroup/radiogroup.css
index 434e73ab..c5200017 100644
--- a/packages/css/src/formElements/radiogroup/radiogroup.css
+++ b/packages/css/src/formElements/radiogroup/radiogroup.css
@@ -42,6 +42,7 @@
   display: flex;
   align-items: center;
   cursor: pointer;
+  position: relative;
 }
 
 .md-radiogroup .md-radiogroup__options--vertical .md-radiogroup-option {
diff --git a/packages/react/package.json b/packages/react/package.json
index 82ac5a9a..00ebd324 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@miljodirektoratet/md-react",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "React-komponenter for Miljødirektoratet",
   "author": "Miljødirektoratet",
   "main": "./dist/index.js",
diff --git a/packages/react/src/formElements/MdRadioGroup.tsx b/packages/react/src/formElements/MdRadioGroup.tsx
index a4359430..1ca936bd 100644
--- a/packages/react/src/formElements/MdRadioGroup.tsx
+++ b/packages/react/src/formElements/MdRadioGroup.tsx
@@ -122,15 +122,15 @@ const MdRadioGroup: React.FunctionComponent<MdRadioGroupProps> = ({
           options.map(option => {
             return (
               <label
-                htmlFor={`radio_${radioGroupId}_${option.text}`}
+                htmlFor={`radio_${radioGroupId}_${option.id}`}
                 key={`radio_${radioGroupId}_${option.id}`}
                 className="md-radiogroup-option"
               >
-                <span className="md-radiogroup-option__check-area" id={`dot_${radioGroupId}_${option.text}`}>
+                <span className="md-radiogroup-option__check-area" id={`dot_${radioGroupId}_${option.id}`}>
                   {optionIsSelected(option.id) && <span className="md-radiogroup-option__selected-dot" />}
                 </span>
                 <input
-                  id={`radio_${radioGroupId}_${option.text}`}
+                  id={`radio_${radioGroupId}_${option.id}`}
                   type="radio"
                   value={option.id}
                   checked={optionIsSelected(option.id)}