From f14f8f581c48583ce76ebde683f6d24d77db9883 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Mon, 25 May 2026 07:21:23 +0200
Subject: [PATCH] fix(components): adjust radio label spacing and mobile wrap

---
 styleguide.css | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/styleguide.css b/styleguide.css
index 73201cc..5ff7edb 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -1692,7 +1692,11 @@ section + section {
       align-items: center;
       gap: var(--spacing-small);
       min-width: 0;
-      flex-wrap: wrap;
+      flex-wrap: nowrap;
+    }
+
+    #component-radio-field .sg-radio-field-row > .sg-radio-activatable-group__choices {
+      margin-left: var(--spacing-large);
     }
 
     @media (max-width: 48rem) {
@@ -1705,6 +1709,15 @@ section + section {
       #component-radio-field .sg-radio-field-row {
         grid-column: 1;
       }
+
+      #component-radio-field .sg-radio-field-row {
+        flex-wrap: wrap;
+      }
+
+      #component-radio-field .sg-radio-field-row > .sg-radio-activatable-group__choices {
+        flex: 0 0 100%;
+        margin-left: 0;
+      }
     }
 
     .sg-checkbox-field-option--disabled {