diff --git a/resources/views/fo/pages/bs-demo.blade.php b/resources/views/fo/pages/bs-demo.blade.php
index a9c33f6..0edbf1c 100644
--- a/resources/views/fo/pages/bs-demo.blade.php
+++ b/resources/views/fo/pages/bs-demo.blade.php
@@ -1571,21 +1571,23 @@
                 <div class="col-lg-6">
                     <h2>Modals</h2>
                     <div class="bs-component">
-                        <div class="modal">
-                            <div class="modal-dialog" role="document">
+                        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" type="button">
+                            Launch demo modal
+                        </button>
+                        <div class="modal fade" id="exampleModal" aria-labelledby="exampleModalLabel" aria-hidden="true"
+                            tabindex="-1">
+                            <div class="modal-dialog">
                                 <div class="modal-content">
                                     <div class="modal-header">
-                                        <h5 class="modal-title">Modal title</h5>
-                                        <button class="btn-close" data-bs-dismiss="modal" type="button" aria-label="Close">
-                                            <span aria-hidden="true"></span>
-                                        </button>
+                                        <h1 class="modal-title fs-5" id="exampleModalLabel">Modal title</h1>
+                                        <button class="btn-close" data-bs-dismiss="modal" type="button" aria-label="Close"></button>
                                     </div>
                                     <div class="modal-body">
-                                        <p>Modal body text goes here.</p>
+                                        ...
                                     </div>
                                     <div class="modal-footer">
-                                        <button class="btn btn-primary" type="button">Save changes</button>
                                         <button class="btn btn-secondary" data-bs-dismiss="modal" type="button">Close</button>
+                                        <button class="btn btn-primary" type="button">Save changes</button>
                                     </div>
                                 </div>
                             </div>