diff --git a/components/doc/flexwrap/nowrapdoc.js b/components/doc/flexwrap/nowrapdoc.js
index 7b00f6a..9cb4b05 100644
--- a/components/doc/flexwrap/nowrapdoc.js
+++ b/components/doc/flexwrap/nowrapdoc.js
@@ -2,7 +2,7 @@ import { DocSectionCode } from '../common/docsectioncode';
 import { DocSectionText } from '../common/docsectiontext';
 
 export function NoWrapDoc(props) {
-    const code = `<div class="flex flex-wrap" style="max-width: 500px">
+    const code = `<div class="flex flex-nowrap" style="max-width: 500px">
     <div class="flex align-items-center justify-content-center bg-primary font-bold m-2 border-round" style="min-width: 150px; min-height: 100px">1</div>
     <div class="flex align-items-center justify-content-center bg-primary font-bold m-2 border-round" style="min-width: 150px; min-height: 100px">2</div>
     <div class="flex align-items-center justify-content-center bg-primary font-bold m-2 border-round" style="min-width: 150px; min-height: 100px">3</div>
@@ -16,7 +16,7 @@ export function NoWrapDoc(props) {
             </DocSectionText>
 
             <div className="card">
-                <div className="flex flex-wrap" style={{ maxWidth: '500px' }}>
+                <div className="flex flex-nowrap" style={{ maxWidth: '500px' }}>
                     <div className="flex align-items-center justify-content-center bg-primary font-bold m-2 border-round" style={{ minWidth: '150px', minHeight: '100px' }}>
                         1
                     </div>