diff --git a/storybook/preview.js b/storybook/preview.js
index 8372103cd99444..b74640d9bcfbcf 100644
--- a/storybook/preview.js
+++ b/storybook/preview.js
@@ -108,6 +108,9 @@ export const parameters = {
 		sort: 'requiredFirst',
 	},
 	docs: {
+		controls: {
+			sort: 'requiredFirst',
+		},
 		// Flips the order of the description and the primary component story
 		// so the component is always visible before the fold.
 		page: () => (