diff --git a/resources/views/fo/pages/bs-demo.blade.php b/resources/views/fo/pages/bs-demo.blade.php
index 0e464aa1..a9c33f68 100644
--- a/resources/views/fo/pages/bs-demo.blade.php
+++ b/resources/views/fo/pages/bs-demo.blade.php
@@ -251,8 +251,8 @@
                         <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                             <button class="btn btn-primary" type="button">Primary</button>
                             <div class="btn-group" role="group">
-                                <button class="btn btn-primary dropdown-toggle" id="btnGroupDrop1" data-bs-toggle="dropdown"
-                                    type="button" aria-haspopup="true" aria-expanded="false"></button>
+                                <button class="btn btn-primary dropdown-toggle" id="btnGroupDrop1" data-bs-toggle="dropdown" type="button"
+                                    aria-haspopup="true" aria-expanded="false"></button>
                                 <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                     <a class="dropdown-item" href="#">Dropdown link</a>
                                     <a class="dropdown-item" href="#">Dropdown link</a>
@@ -263,8 +263,8 @@
                         <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                             <button class="btn btn-success" type="button">Success</button>
                             <div class="btn-group" role="group">
-                                <button class="btn btn-success dropdown-toggle" id="btnGroupDrop2" data-bs-toggle="dropdown"
-                                    type="button" aria-haspopup="true" aria-expanded="false"></button>
+                                <button class="btn btn-success dropdown-toggle" id="btnGroupDrop2" data-bs-toggle="dropdown" type="button"
+                                    aria-haspopup="true" aria-expanded="false"></button>
                                 <div class="dropdown-menu" aria-labelledby="btnGroupDrop2">
                                     <a class="dropdown-item" href="#">Dropdown link</a>
                                     <a class="dropdown-item" href="#">Dropdown link</a>
@@ -287,8 +287,8 @@
                         <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                             <button class="btn btn-danger" type="button">Danger</button>
                             <div class="btn-group" role="group">
-                                <button class="btn btn-danger dropdown-toggle" id="btnGroupDrop4" data-bs-toggle="dropdown"
-                                    type="button" aria-haspopup="true" aria-expanded="false"></button>
+                                <button class="btn btn-danger dropdown-toggle" id="btnGroupDrop4" data-bs-toggle="dropdown" type="button"
+                                    aria-haspopup="true" aria-expanded="false"></button>
                                 <div class="dropdown-menu" aria-labelledby="btnGroupDrop4">
                                     <a class="dropdown-item" href="#">Dropdown link</a>
                                     <a class="dropdown-item" href="#">Dropdown link</a>
@@ -427,15 +427,15 @@
                         <p class="text-warning">.text-warning</p>
                         <p class="text-warning-emphasis">.text-warning-emphasis</p>
                         <p class="text-info">.text-info</p>
-                        <p class="text-info">.text-info-emphasis</p>
-                        <p class="text-light">.text-light</p>
-                        <p class="text-light">.text-light-emphasis</p>
-                        <p class="text-dark">.text-dark</p>
-                        <p class="text-dark">.text-dark-emphasis</p>
+                        <p class="text-info-emphasis">.text-info-emphasis</p>
+                        <p class="bg-dark text-light">.text-light</p>
+                        <p class="bg-dark text-light-emphasis">.text-light-emphasis</p>
+                        <p class="bg-light text-dark">.text-dark</p>
+                        <p class="bg-light text-dark-emphasis">.text-dark-emphasis</p>
                         <p class="text-body">.text-body</p>
-                        <p class="text-body">.text-body-emphasis</p>
-                        <p class="text-body-secondary">.text-body-secondary</p>
-                        <p class="text-body-tertiary">.text-body-tertiary</p>
+                        <p class="text-body-emphasis">.text-body-emphasis</p>
+                        <p class="bg-body-secondary text-body-secondary">.text-body-secondary</p>
+                        <p class="bg-body-tertiary text-body-tertiary">.text-body-tertiary</p>
                     </div>
                 </div>
             </div>
@@ -779,13 +779,12 @@
                         <div class="form-group">
                             <label class="form-label mt-4">Floating labels</label>
                             <div class="form-floating mb-3">
-                                <input class="form-control" id="floatingInput" type="email"
-                                    placeholder="name@example.com">
+                                <input class="form-control" id="floatingInput" type="email" placeholder="name@example.com">
                                 <label for="floatingInput">Email address</label>
                             </div>
                             <div class="form-floating">
-                                <input class="form-control" id="floatingPassword"
-                                    type="password" placeholder="Password" autocomplete="off">
+                                <input class="form-control" id="floatingPassword" type="password" placeholder="Password"
+                                    autocomplete="off">
                                 <label for="floatingPassword">Password</label>
                             </div>
                         </div>
@@ -811,8 +810,7 @@
                     <div class="bs-component">
                         <ul class="nav nav-tabs" role="tablist">
                             <li class="nav-item" role="presentation">
-                                <a class="nav-link active" data-bs-toggle="tab" href="#home" role="tab"
-                                    aria-selected="true">Home</a>
+                                <a class="nav-link active" data-bs-toggle="tab" href="#home" role="tab" aria-selected="true">Home</a>
                             </li>
                             <li class="nav-item" role="presentation">
                                 <a class="nav-link" data-bs-toggle="tab" href="#profile" role="tab" aria-selected="false"
@@ -1537,9 +1535,8 @@
                             </div>
                             <div class="accordion-item">
                                 <h2 class="accordion-header" id="headingThree">
-                                    <button class="accordion-button collapsed" data-bs-toggle="collapse"
-                                        data-bs-target="#collapseThree" type="button" aria-expanded="false"
-                                        aria-controls="collapseThree">
+                                    <button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree"
+                                        type="button" aria-expanded="false" aria-controls="collapseThree">
                                         Accordion Item #3
                                     </button>
                                 </h2>
@@ -1618,8 +1615,8 @@
                                     lists, etc.
                                 </div>
                                 <div class="dropdown mt-3">
-                                    <button class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton"
-                                        data-bs-toggle="dropdown" type="button">
+                                    <button class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton" data-bs-toggle="dropdown"
+                                        type="button">
                                         Dropdown button
                                     </button>
                                     <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
@@ -1641,11 +1638,11 @@
                         <button class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top"
                             data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
                             data-bs-original-title="Popover Title" type="button">Top</button>
-                        <button class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover"
-                            data-bs-placement="bottom" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
+                        <button class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom"
+                            data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
                             data-bs-original-title="Popover Title" type="button">Bottom</button>
-                        <button class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover"
-                            data-bs-placement="right" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
+                        <button class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right"
+                            data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
                             data-bs-original-title="Popover Title" type="button">Right</button>
                     </div>
                     <h2>Tooltips</h2>