diff --git a/storybook/decorators/with-max-width-wrapper.js b/storybook/decorators/with-max-width-wrapper.js
index db22d0b89ffaf1..84fb73f20b68f7 100644
--- a/storybook/decorators/with-max-width-wrapper.js
+++ b/storybook/decorators/with-max-width-wrapper.js
@@ -6,8 +6,8 @@ import styled from '@emotion/styled';
 const maxWidthWrapperMap = {
 	none: 0,
 	'wordpress-sidebar': 248,
-	'large-container': 960,
 	'small-container': 600,
+	'large-container': 960,
 };
 
 const Indicator = styled.div`
diff --git a/storybook/preview.js b/storybook/preview.js
index fb42a1a91d76ff..8372103cd99444 100644
--- a/storybook/preview.js
+++ b/storybook/preview.js
@@ -86,8 +86,8 @@ export const globalTypes = {
 			items: [
 				{ value: 'none', title: 'None' },
 				{ value: 'wordpress-sidebar', title: 'WP Sidebar' },
-				{ value: 'large-container', title: 'Large container' },
 				{ value: 'small-container', title: 'Small container' },
+				{ value: 'large-container', title: 'Large container' },
 			],
 		},
 	},