diff --git a/components/doc/backgroundcolor/examples.js b/components/doc/backgroundcolor/examples.js
index 38af8ba..7df2f54 100644
--- a/components/doc/backgroundcolor/examples.js
+++ b/components/doc/backgroundcolor/examples.js
@@ -9,7 +9,7 @@ export function ExamplesDoc(props) {
     <div class="bg-primary font-bold border-round m-2 flex align-items-center justify-content-center" style="min-width: 200px; min-height: 100px">
         bg-primary
     </div>
-    <div class="bg-primary font-bold border-round m-2 flex align-items-center justify-content-center" style="min-width: 200px; min-height: 100px">
+    <div class="bg-primary-reverse font-bold border-round m-2 flex align-items-center justify-content-center" style="min-width: 200px; min-height: 100px">
         bg-primary
     </div>
 </div>
@@ -26,8 +26,8 @@ export function ExamplesDoc(props) {
                     <div className="bg-primary font-bold border-round m-2 flex align-items-center justify-content-center" style={{ minWidth: '200px', minHeight: '100px' }}>
                         bg-primary
                     </div>
-                    <div className="bg-primary font-bold border-round m-2 flex align-items-center justify-content-center" style={{ minWidth: '200px', minHeight: '100px' }}>
-                        bg-primary
+                    <div className="bg-primary-reverse font-bold border-round m-2 flex align-items-center justify-content-center" style={{ minWidth: '200px', minHeight: '100px' }}>
+                        bg-primary-reverse
                     </div>
                 </div>
             </div>
diff --git a/components/doc/flexshrink/classesdoc.js b/components/doc/flexshrink/classesdoc.js
index 67db3ae..b080b86 100644
--- a/components/doc/flexshrink/classesdoc.js
+++ b/components/doc/flexshrink/classesdoc.js
@@ -14,12 +14,12 @@ export function ClassesDoc(props) {
                     </thead>
                     <tbody>
                         <tr>
-                            <td>flex-grow-0</td>
-                            <td>flex-grow: 0;</td>
+                            <td>flex-shrink-0</td>
+                            <td>flex-shrink: 0;</td>
                         </tr>
                         <tr>
-                            <td>flex-grow-1</td>
-                            <td>flex-grow: 1;</td>
+                            <td>flex-shrink-1</td>
+                            <td>flex-shrink: 1;</td>
                         </tr>
                     </tbody>
                 </table>