diff --git a/components/interactive-elements.html b/components/interactive-elements.html
index 913f4c6..eb2f024 100644
--- a/components/interactive-elements.html
+++ b/components/interactive-elements.html
@@ -536,14 +536,17 @@
 
       <div class="sg-state-example">
         <p class="sg-state-example__label sg-table-label">form-invalid</p>
-        <div class="sg-input-validation-stack">
-          <label class="sg-checkbox-field-option sg-body" data-component="checkbox-field" data-component-state="default">
-            <button class="sg-checkbox-field" type="button" role="checkbox" aria-checked="false" aria-label="Standard Checkbox mit Validierung" aria-invalid="true" aria-describedby="checkbox-invalid-feedback">
-              <span class="sg-checkbox-field__mark" aria-hidden="true">✓</span>
-            </button>
-            <span>Standard Checkbox</span>
-          </label>
-          <span class="sg-form-validation-text" id="checkbox-invalid-feedback">Bitte mindestens eine Option auswählen.</span>
+        <div class="sg-labeled-input-row sg-labeled-input-row--checkbox-invalid">
+          <span class="sg-label">Label</span>
+          <span class="sg-input-validation-stack">
+            <label class="sg-checkbox-field-option sg-body" data-component="checkbox-field" data-component-state="default">
+              <button class="sg-checkbox-field" type="button" role="checkbox" aria-checked="false" aria-label="Standard Checkbox mit Validierung" aria-invalid="true" aria-describedby="checkbox-invalid-feedback">
+                <span class="sg-checkbox-field__mark" aria-hidden="true">✓</span>
+              </button>
+              <span>Standard Checkbox</span>
+            </label>
+            <span class="sg-form-validation-text" id="checkbox-invalid-feedback">Bitte mindestens eine Option auswählen.</span>
+          </span>
         </div>
       </div>
     </div>
diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css
index 23833bc..167d9da 100644
--- a/styles/10-components-interactive-elements.css
+++ b/styles/10-components-interactive-elements.css
@@ -441,6 +441,30 @@
       grid-row: 2;
     }
 
+    #component-checkbox-field .sg-labeled-input-row--checkbox-invalid {
+      display: grid;
+      grid-template-columns: auto minmax(0, 1fr);
+      column-gap: var(--spacing-large);
+      row-gap: var(--spacing-small);
+      align-items: start;
+    }
+
+    #component-checkbox-field .sg-labeled-input-row--checkbox-invalid .sg-label {
+      grid-column: 1;
+      grid-row: 1;
+      margin-right: 0;
+    }
+
+    #component-checkbox-field .sg-labeled-input-row--checkbox-invalid .sg-input-validation-stack {
+      grid-column: 2;
+      grid-row: 1;
+    }
+
+    #component-checkbox-field .sg-labeled-input-row--checkbox-invalid .sg-form-validation-text {
+      grid-column: 1 / -1;
+      grid-row: 2;
+    }
+
     .sg-input-multi-line {
       box-sizing: border-box;
       min-height: calc(var(--interaction-height) * 2.75);