diff --git a/components/interactive-elements.html b/components/interactive-elements.html
index 1264bd9..0b732d3 100644
--- a/components/interactive-elements.html
+++ b/components/interactive-elements.html
@@ -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">
diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css
index 1a58782..9c8c79a 100644
--- a/styles/10-components-interactive-elements.css
+++ b/styles/10-components-interactive-elements.css
@@ -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);