From 90f7f40298f4bac1e26a35a9377e9af50407757c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Mon, 25 May 2026 08:04:32 +0200
Subject: [PATCH] Fix disabled radio label alignment in radio component

---
 components/interactive-elements.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/interactive-elements.html b/components/interactive-elements.html
index 17ba025..cdd6715 100644
--- a/components/interactive-elements.html
+++ b/components/interactive-elements.html
@@ -464,10 +464,12 @@
 
       <label class="sg-checkbox-field-option sg-checkbox-field-option--disabled sg-body" data-component="radio-field" data-component-state="disabled">
         <span class="sg-state-example__label sg-table-label">form-disabled</span>
-        <button class="sg-radio-field sg-radio-field--disabled" type="button" role="radio" aria-checked="false" aria-label="Option nicht verfügbar" disabled>
-          <span class="sg-radio-field__mark" aria-hidden="true"></span>
-        </button>
-        <span>Option nicht verfügbar</span>
+        <span class="sg-radio-field-row">
+          <button class="sg-radio-field sg-radio-field--disabled" type="button" role="radio" aria-checked="false" aria-label="Option nicht verfügbar" disabled>
+            <span class="sg-radio-field__mark" aria-hidden="true"></span>
+          </button>
+          <span>Option nicht verfügbar</span>
+        </span>
       </label>
     </div>
   </section>