diff --git a/src-docs/src/views/flex/flex_example.js b/src-docs/src/views/flex/flex_example.js
index 30dbde0c4ec..9fd7a0e7c83 100644
--- a/src-docs/src/views/flex/flex_example.js
+++ b/src-docs/src/views/flex/flex_example.js
@@ -362,28 +362,6 @@ export const FlexExample = {
         </FlexItemHighlightWrapper>
       ),
     },
-    {
-      title: 'Allowing flex items to wrap',
-      source: [
-        {
-          type: GuideSectionTypes.JS,
-          code: flexGroupWrapSource,
-        },
-      ],
-      text: (
-        <p>
-          You can set <EuiCode>wrap</EuiCode> on <strong>EuiFlexGroup</strong>{' '}
-          if it contains <strong>EuiFlexItems</strong> with minimum widths,
-          which you want to wrap as the container becomes narrower.
-        </p>
-      ),
-      snippet: flexGroupWrap,
-      demo: (
-        <FlexItemHighlightWrapper>
-          <FlexGroupWrap />
-        </FlexItemHighlightWrapper>
-      ),
-    },
     {
       source: [
         {
@@ -455,6 +433,28 @@ export const FlexExample = {
         </FlexItemHighlightWrapper>
       ),
     },
+    {
+      title: 'Allowing flex items to wrap',
+      source: [
+        {
+          type: GuideSectionTypes.JS,
+          code: flexGroupWrapSource,
+        },
+      ],
+      text: (
+        <p>
+          You can set <EuiCode>wrap</EuiCode> on <strong>EuiFlexGroup</strong>{' '}
+          if it contains <strong>EuiFlexItems</strong> with minimum widths,
+          which you want to wrap as the container becomes narrower.
+        </p>
+      ),
+      snippet: flexGroupWrap,
+      demo: (
+        <FlexItemHighlightWrapper>
+          <FlexGroupWrap />
+        </FlexItemHighlightWrapper>
+      ),
+    },
     {
       title: 'Responsive flex groups',
       source: [