diff --git a/pages/en-us/components/modal.mdx b/pages/en-us/components/modal.mdx
index 57fb9c2..4ee9d0d 100644
--- a/pages/en-us/components/modal.mdx
+++ b/pages/en-us/components/modal.mdx
@@ -38,7 +38,7 @@ Display popup content that requires attention or provides additional information
         <Modal.Content>
           <p>Some content contained within the modal.</p>
         </Modal.Content>
-        <Modal.Action passive>Cancel</Modal.Action>
+        <Modal.Action passive onClick={() => setState(false)}>Cancel</Modal.Action>
         <Modal.Action>Submit</Modal.Action>
       </Modal>
     </div>
@@ -63,7 +63,7 @@ Display popup content that requires attention or provides additional information
         <Modal.Content>
           <p>Some content contained within the modal.</p>
         </Modal.Content>
-        <Modal.Action passive>Cancel</Modal.Action>
+        <Modal.Action passive onClick={() => setVisible(false)}>Cancel</Modal.Action>
         <Modal.Action>Submit</Modal.Action>
       </Modal>
     </>
@@ -119,7 +119,7 @@ Display popup content that requires attention or provides additional information
         <Modal.Content>
           <p>Some content contained within the modal.</p>
         </Modal.Content>
-        <Modal.Action passive>Cancel</Modal.Action>
+        <Modal.Action passive onClick={() => setState(false)}>Cancel</Modal.Action>
         <Modal.Action disabled>Submit</Modal.Action>
       </Modal>
     </>