Fix radio invalid label alignment

2026-06-22 18:14:58 +02:00
parent c1165315e6
commit 4f79673bd4
2 changed files with 5 additions and 1 deletions
@@ -623,7 +623,7 @@

      <div class="sg-state-example">
        <p class="sg-state-example__label sg-table-label">form-invalid</p>
-        <div class="sg-labeled-input-row">
+        <div class="sg-labeled-input-row sg-labeled-input-row--radio-invalid">
          <span class="sg-label">Label</span>
          <span class="sg-input-validation-stack">
            <span class="sg-radio-field-row">
@@ -417,6 +417,10 @@
      align-items: flex-start;
    }

+    #component-radio-field .sg-labeled-input-row--radio-invalid {
+      align-items: flex-start;
+    }
+
    .sg-input-multi-line {
      box-sizing: border-box;
      min-height: calc(var(--interaction-height) * 2.75);