diff --git a/apps/code-examples/src/app/code-examples/pages/action-hub/settings-modal.component.html b/apps/code-examples/src/app/code-examples/pages/action-hub/settings-modal.component.html
index 22ea67b815..55469c6d8b 100644
--- a/apps/code-examples/src/app/code-examples/pages/action-hub/settings-modal.component.html
+++ b/apps/code-examples/src/app/code-examples/pages/action-hub/settings-modal.component.html
@@ -5,7 +5,7 @@
         <ng-container class="row">
           @switch (title) {
             @case ('Color') {
-              <sky-colorpicker #colorPicker [labelText]="field" stacked>
+              <sky-colorpicker #colorPicker stacked [labelText]="field">
                 <input
                   type="text"
                   [formControlName]="field"
@@ -14,7 +14,7 @@
               </sky-colorpicker>
             }
             @default {
-              <sky-input-box [labelText]="field" stacked>
+              <sky-input-box stacked [labelText]="field">
                 <input type="text" [formControlName]="field" />
               </sky-input-box>
             }