diff --git a/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts b/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts
index faf4c422e1..ea17ea7a46 100644
--- a/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts
+++ b/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts
@@ -46,11 +46,11 @@ export default metadata;
 
 // prettier-ignore
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState,
     [disabledName, disabled]: DisabledState,
     [appearanceName, appearance]: AppearanceState,
     [errorName, errorVisible, errorText]: ErrorState,
-    [valueName, value, placeholder]: ValueState,
-    [requiredVisibleName, requiredVisible]: RequiredVisibleState
+    [valueName, value, placeholder]: ValueState
 ): ViewTemplate => html`
     <${comboboxTag} 
         ?disabled="${() => disabled}"
@@ -76,11 +76,11 @@ const component = (
 
 export const comboboxThemeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [
+        requiredVisibleStates,
         disabledStates,
         appearanceStates,
         errorStates,
-        valueStates,
-        requiredVisibleStates
+        valueStates
     ])
 );
 
diff --git a/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts b/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts
index 29bf048a0d..070b79102b 100644
--- a/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts
+++ b/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts
@@ -37,10 +37,10 @@ const metadata: Meta = {
 export default metadata;
 
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState,
     [disabledName, disabled]: DisabledState,
     [orientationName, orientation]: OrientationState,
-    [errorName, errorVisible, errorText]: ErrorState,
-    [requiredVisibleName, requiredVisible]: RequiredVisibleState
+    [errorName, errorVisible, errorText]: ErrorState
 ): ViewTemplate => html`<${radioGroupTag}
     orientation="${() => orientation}"
     ?disabled="${() => disabled}"
@@ -57,10 +57,10 @@ const component = (
 
 export const radioGroupThemeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [
+        requiredVisibleStates,
         disabledStates,
         orientationStates,
-        errorStates,
-        requiredVisibleStates
+        errorStates
     ])
 );
 
diff --git a/packages/storybook/src/nimble/select/select-matrix.stories.ts b/packages/storybook/src/nimble/select/select-matrix.stories.ts
index 08993391e6..e110b05520 100644
--- a/packages/storybook/src/nimble/select/select-matrix.stories.ts
+++ b/packages/storybook/src/nimble/select/select-matrix.stories.ts
@@ -55,12 +55,12 @@ export default metadata;
 
 // prettier-ignore
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState
     [disabledName, disabled]: DisabledState,
     [appearanceName, appearance]: AppearanceState,
     [errorName, errorVisible, errorText]: ErrorState,
     [valueName, valueValue]: ValueState,
-    [clearableName, clearable]: ClearableState,
-    [requiredVisibleName, requiredVisible]: RequiredVisibleState
+    [clearableName, clearable]: ClearableState
 ): ViewTemplate => html`
     <${selectTag}
         ?error-visible="${() => errorVisible}"
@@ -81,12 +81,12 @@ const component = (
 
 export const selectThemeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [
+        requiredVisibleStates,
         disabledStates,
         appearanceStates,
         errorStates,
         valueStates,
-        clearableStates,
-        requiredVisibleStates
+        clearableStates
     ])
 );
 
diff --git a/packages/storybook/src/nimble/text-area/text-area-matrix.stories.ts b/packages/storybook/src/nimble/text-area/text-area-matrix.stories.ts
index 8db7d08ce9..bef90fb5ad 100644
--- a/packages/storybook/src/nimble/text-area/text-area-matrix.stories.ts
+++ b/packages/storybook/src/nimble/text-area/text-area-matrix.stories.ts
@@ -45,12 +45,12 @@ const metadata: Meta = {
 export default metadata;
 
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState,
     [readOnlyName, readonly]: ReadOnlyState,
     [disabledName, disabled]: DisabledState,
     [appearanceName, appearance]: AppearanceState,
     [valueName, valueValue, placeholderValue]: ValueState,
-    [errorStateName, isError, errorText]: ErrorState,
-    [requiredVisibleName, requiredVisible]: RequiredVisibleState
+    [errorStateName, isError, errorText]: ErrorState
 ): ViewTemplate => html`
     <${textAreaTag}
         style="width: 250px; margin: 15px;"
@@ -70,12 +70,12 @@ const component = (
 
 export const textAreaThemeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [
+        requiredVisibleStates,
         readOnlyStates,
         disabledStates,
         appearanceStates,
         valueStates,
-        errorStates,
-        requiredVisibleStates
+        errorStates
     ])
 );