diff --git a/assets/img/icons/unicons/cc-primary.png b/assets/img/icons/unicons/cc-primary.png
deleted file mode 100644
index 456ea74..0000000
Binary files a/assets/img/icons/unicons/cc-primary.png and /dev/null differ
diff --git a/assets/img/icons/unicons/cc-success.png b/assets/img/icons/unicons/cc-success.png
deleted file mode 100644
index 491a3c4..0000000
Binary files a/assets/img/icons/unicons/cc-success.png and /dev/null differ
diff --git a/assets/img/icons/unicons/cc-warning.png b/assets/img/icons/unicons/cc-warning.png
deleted file mode 100644
index 8ef2928..0000000
Binary files a/assets/img/icons/unicons/cc-warning.png and /dev/null differ
diff --git a/assets/img/icons/unicons/chart-success.png b/assets/img/icons/unicons/chart-success.png
deleted file mode 100644
index 94b56f7..0000000
Binary files a/assets/img/icons/unicons/chart-success.png and /dev/null differ
diff --git a/assets/img/icons/unicons/chart.png b/assets/img/icons/unicons/chart.png
deleted file mode 100644
index f508f18..0000000
Binary files a/assets/img/icons/unicons/chart.png and /dev/null differ
diff --git a/assets/img/icons/unicons/paypal.png b/assets/img/icons/unicons/paypal.png
deleted file mode 100644
index 99d8129..0000000
Binary files a/assets/img/icons/unicons/paypal.png and /dev/null differ
diff --git a/assets/img/icons/unicons/wallet-info.png b/assets/img/icons/unicons/wallet-info.png
deleted file mode 100644
index eb7c08b..0000000
Binary files a/assets/img/icons/unicons/wallet-info.png and /dev/null differ
diff --git a/assets/img/icons/unicons/wallet.png b/assets/img/icons/unicons/wallet.png
deleted file mode 100644
index da1fec0..0000000
Binary files a/assets/img/icons/unicons/wallet.png and /dev/null differ
diff --git a/assets/img/illustrations/girl-doing-yoga-light.png b/assets/img/illustrations/girl-doing-yoga-light.png
deleted file mode 100644
index 32efea2..0000000
Binary files a/assets/img/illustrations/girl-doing-yoga-light.png and /dev/null differ
diff --git a/assets/img/illustrations/man-with-laptop-light.png b/assets/img/illustrations/man-with-laptop-light.png
deleted file mode 100644
index 4266120..0000000
Binary files a/assets/img/illustrations/man-with-laptop-light.png and /dev/null differ
diff --git a/assets/img/illustrations/page-misc-error-light.png b/assets/img/illustrations/page-misc-error-light.png
deleted file mode 100644
index 970e31a..0000000
Binary files a/assets/img/illustrations/page-misc-error-light.png and /dev/null differ
diff --git a/assets/vendor/css/core.css b/assets/vendor/css/core.css
index 71d7280..38d4680 100644
--- a/assets/vendor/css/core.css
+++ b/assets/vendor/css/core.css
@@ -2530,7 +2530,7 @@ textarea.form-control-lg {
 .form-floating > .form-control:not(:placeholder-shown) ~ label,
 .form-floating > .form-control-plaintext ~ label,
 .form-floating > .form-select ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.75);
+  color: rgba(var(--bs-body-color-rgb), 1);
   transform: scale(0.8) translateY(-0.6rem) translateX(0.15rem);
 }
 .form-floating > .form-control:focus ~ label::after,
@@ -2546,7 +2546,7 @@ textarea.form-control-lg {
   border-radius: 0.375rem;
 }
 .form-floating > .form-control:-webkit-autofill ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.75);
+  color: rgba(var(--bs-body-color-rgb), 1);
   transform: scale(0.8) translateY(-0.6rem) translateX(0.15rem);
 }
 .form-floating > .form-control-plaintext ~ label {
diff --git a/html/auth-forgot-password-basic.html b/html/auth-forgot-password-basic.html
index a846ac8..52e9a21 100644
--- a/html/auth-forgot-password-basic.html
+++ b/html/auth-forgot-password-basic.html
@@ -131,7 +131,7 @@
             <div class="card-body mt-2">
               <h4 class="mb-2">Forgot Password? 🔒</h4>
               <p class="mb-4">Enter your email and we'll send you instructions to reset your password</p>
-              <form id="formAuthentication" class="mb-3" action="auth-reset-password-basic.html" method="POST">
+              <form id="formAuthentication" class="mb-3" action="index.html">
                 <div class="form-floating form-floating-outline mb-3">
                   <input
                     type="text"
diff --git a/html/auth-login-basic.html b/html/auth-login-basic.html
index 2c73d6c..71e95ec 100644
--- a/html/auth-login-basic.html
+++ b/html/auth-login-basic.html
@@ -133,7 +133,7 @@
               <h4 class="mb-2">Welcome to Materio! 👋</h4>
               <p class="mb-4">Please sign-in to your account and start the adventure</p>
 
-              <form id="formAuthentication" class="mb-3" action="index.html" method="POST">
+              <form id="formAuthentication" class="mb-3" action="index.html">
                 <div class="form-floating form-floating-outline mb-3">
                   <input
                     type="text"
diff --git a/html/auth-register-basic.html b/html/auth-register-basic.html
index a93388b..3bae467 100644
--- a/html/auth-register-basic.html
+++ b/html/auth-register-basic.html
@@ -132,7 +132,7 @@
               <h4 class="mb-2">Adventure starts here 🚀</h4>
               <p class="mb-4">Make your app management easy and fun!</p>
 
-              <form id="formAuthentication" class="mb-3" action="index.html" method="POST">
+              <form id="formAuthentication" class="mb-3" action="index.html">
                 <div class="form-floating form-floating-outline mb-3">
                   <input
                     type="text"
diff --git a/html/cards-basic.html b/html/cards-basic.html
index f60a4dc..6a5ff9c 100644
--- a/html/cards-basic.html
+++ b/html/cards-basic.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item active">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/extended-ui-perfect-scrollbar.html b/html/extended-ui-perfect-scrollbar.html
index e8d82cf..ef6702d 100644
--- a/html/extended-ui-perfect-scrollbar.html
+++ b/html/extended-ui-perfect-scrollbar.html
@@ -271,7 +271,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -381,7 +381,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -523,7 +523,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -591,7 +591,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/extended-ui-text-divider.html b/html/extended-ui-text-divider.html
index bf6f988..a2bc04b 100644
--- a/html/extended-ui-text-divider.html
+++ b/html/extended-ui-text-divider.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/form-layouts-horizontal.html b/html/form-layouts-horizontal.html
index c6628c7..15e2fe0 100644
--- a/html/form-layouts-horizontal.html
+++ b/html/form-layouts-horizontal.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/form-layouts-vertical.html b/html/form-layouts-vertical.html
index 6d0e590..d3dca4a 100644
--- a/html/form-layouts-vertical.html
+++ b/html/form-layouts-vertical.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/forms-basic-inputs.html b/html/forms-basic-inputs.html
index ee7868c..cab484b 100644
--- a/html/forms-basic-inputs.html
+++ b/html/forms-basic-inputs.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item active open">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/forms-input-groups.html b/html/forms-input-groups.html
index 53f525c..25f4e00 100644
--- a/html/forms-input-groups.html
+++ b/html/forms-input-groups.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item active open">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
@@ -864,7 +864,7 @@ <h5 class="card-header">Merged</h5>
                 <!-- Sizing -->
                 <div class="col-md-6">
                   <div class="card mb-4">
-                    <h5 class="card-header">Sizing & Shape</h5>
+                    <h5 class="card-header">Sizing</h5>
                     <div class="card-body demo-vertical-spacing demo-only-element">
                       <div class="input-group input-group-lg">
                         <span class="input-group-text">@</span>
diff --git a/html/icons-mdi.html b/html/icons-mdi.html
index 5b64c18..f53bb6c 100644
--- a/html/icons-mdi.html
+++ b/html/icons-mdi.html
@@ -272,7 +272,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -382,7 +382,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -524,7 +524,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -592,7 +592,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/index.html b/html/index.html
index ce6d813..96c2adc 100644
--- a/html/index.html
+++ b/html/index.html
@@ -271,7 +271,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -381,7 +381,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -523,7 +523,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -591,7 +591,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/layouts-container.html b/html/layouts-container.html
index a5beacb..d5417a1 100644
--- a/html/layouts-container.html
+++ b/html/layouts-container.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/layouts-fluid.html b/html/layouts-fluid.html
index 7a6b58e..2cc87ac 100644
--- a/html/layouts-fluid.html
+++ b/html/layouts-fluid.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/layouts-without-navbar.html b/html/layouts-without-navbar.html
index ee8caa1..7dcd5d7 100644
--- a/html/layouts-without-navbar.html
+++ b/html/layouts-without-navbar.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/pages-account-settings-account.html b/html/pages-account-settings-account.html
index 97592a5..003883e 100644
--- a/html/pages-account-settings-account.html
+++ b/html/pages-account-settings-account.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/pages-account-settings-connections.html b/html/pages-account-settings-connections.html
index 707a213..a183af0 100644
--- a/html/pages-account-settings-connections.html
+++ b/html/pages-account-settings-connections.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/pages-account-settings-notifications.html b/html/pages-account-settings-notifications.html
index 70ae1b6..a9b1914 100644
--- a/html/pages-account-settings-notifications.html
+++ b/html/pages-account-settings-notifications.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/tables-basic.html b/html/tables-basic.html
index 845a2cd..7fe515a 100644
--- a/html/tables-basic.html
+++ b/html/tables-basic.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-accordion.html b/html/ui-accordion.html
index 6c72d46..c4b2a6f 100644
--- a/html/ui-accordion.html
+++ b/html/ui-accordion.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-alerts.html b/html/ui-alerts.html
index 703a54f..f5dae99 100644
--- a/html/ui-alerts.html
+++ b/html/ui-alerts.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-badges.html b/html/ui-badges.html
index 1d8e4ad..0f74452 100644
--- a/html/ui-badges.html
+++ b/html/ui-badges.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-buttons.html b/html/ui-buttons.html
index 74ae342..840169c 100644
--- a/html/ui-buttons.html
+++ b/html/ui-buttons.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-carousel.html b/html/ui-carousel.html
index a422a3f..708aa83 100644
--- a/html/ui-carousel.html
+++ b/html/ui-carousel.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-collapse.html b/html/ui-collapse.html
index 9d7a9c1..1764160 100644
--- a/html/ui-collapse.html
+++ b/html/ui-collapse.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-dropdowns.html b/html/ui-dropdowns.html
index 5fe1e19..46865c4 100644
--- a/html/ui-dropdowns.html
+++ b/html/ui-dropdowns.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-footer.html b/html/ui-footer.html
index 87dbf54..a3c92c3 100644
--- a/html/ui-footer.html
+++ b/html/ui-footer.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-list-groups.html b/html/ui-list-groups.html
index 6198439..e1cf53b 100644
--- a/html/ui-list-groups.html
+++ b/html/ui-list-groups.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-modals.html b/html/ui-modals.html
index 1a4e9d4..bc16504 100644
--- a/html/ui-modals.html
+++ b/html/ui-modals.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-navbar.html b/html/ui-navbar.html
index c3ab7a9..4c2b987 100644
--- a/html/ui-navbar.html
+++ b/html/ui-navbar.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-offcanvas.html b/html/ui-offcanvas.html
index d2eb7f4..f4a778e 100644
--- a/html/ui-offcanvas.html
+++ b/html/ui-offcanvas.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-pagination-breadcrumbs.html b/html/ui-pagination-breadcrumbs.html
index 659bb2b..2545452 100644
--- a/html/ui-pagination-breadcrumbs.html
+++ b/html/ui-pagination-breadcrumbs.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-progress.html b/html/ui-progress.html
index 4085158..b9e80dc 100644
--- a/html/ui-progress.html
+++ b/html/ui-progress.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-spinners.html b/html/ui-spinners.html
index 281d55c..994d188 100644
--- a/html/ui-spinners.html
+++ b/html/ui-spinners.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-tabs-pills.html b/html/ui-tabs-pills.html
index da2693a..51dc0b7 100644
--- a/html/ui-tabs-pills.html
+++ b/html/ui-tabs-pills.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-toasts.html b/html/ui-toasts.html
index 2159a86..6ebabb7 100644
--- a/html/ui-toasts.html
+++ b/html/ui-toasts.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-tooltips-popovers.html b/html/ui-tooltips-popovers.html
index 6010497..a2b6ec9 100644
--- a/html/ui-tooltips-popovers.html
+++ b/html/ui-tooltips-popovers.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/html/ui-typography.html b/html/ui-typography.html
index f0fd0f5..07a9393 100644
--- a/html/ui-typography.html
+++ b/html/ui-typography.html
@@ -270,7 +270,7 @@
               </ul>
             </li>
 
-            <li class="menu-header small text-uppercase">
+            <li class="menu-header fw-medium mt-4">
               <span class="menu-header-text">Apps &amp; Pages</span>
             </li>
             <!-- Apps -->
@@ -380,7 +380,7 @@
               </ul>
             </li>
             <!-- Components -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Components</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Components</span></li>
             <!-- Cards -->
             <li class="menu-item">
               <a href="cards-basic.html" class="menu-link">
@@ -522,7 +522,7 @@
             </li>
 
             <!-- Forms & Tables -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Forms &amp; Tables</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Forms &amp; Tables</span></li>
             <!-- Forms -->
             <li class="menu-item">
               <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -590,7 +590,7 @@
               </a>
             </li>
             <!-- Misc -->
-            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
+            <li class="menu-header fw-medium mt-4"><span class="menu-header-text">Misc</span></li>
             <li class="menu-item">
               <a
                 href="https://github.com/themeselection/materio-bootstrap-html-admin-template-free/issues"
diff --git a/package.json b/package.json
index 6284ef7..ca585b6 100755
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "Materio-bootstrap-html-admin-template-free",
   "description": "Most Powerful & Comprehensive Free Bootstrap 5 HTML Admin Dashboard Template built for developers! 🚀",
   "license": "MIT",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "author": {
     "name": "ThemeSelection",
     "url": "https://themeselection.com/"
@@ -119,4 +119,4 @@
     ],
     "default": "development"
   }
-}
\ No newline at end of file
+}
diff --git a/scss/_bootstrap-extended/_variables.scss b/scss/_bootstrap-extended/_variables.scss
index 1d6dd19..3d98abe 100755
--- a/scss/_bootstrap-extended/_variables.scss
+++ b/scss/_bootstrap-extended/_variables.scss
@@ -489,7 +489,6 @@ $input-border-width: $input-btn-border-width !default;
 $input-border-color: rgba-to-hex($gray-300, $rgba-to-hex-bg) !default;
 $input-border-hover-color: rgba-to-hex($gray-400, $rgba-to-hex-bg) !default; // (C)
 
-$input-hover-border-color: rgba-to-hex($gray-200, $rgba-to-hex-bg) !default; // (C)
 $input-border-radius: $border-radius-lg !default;
 $input-border-radius-sm: $border-radius !default;
 
@@ -594,8 +593,8 @@ $form-floating-input-bg: rgba-to-hex($gray-50, $rgba-to-hex-bg) !default; // (C)
 $form-floating-height: calc(
   ($font-size-base * $form-floating-line-height) + ($form-floating-padding-y * 2) + ($border-width * 2)
 ) !default;
-$form-floating-label-height: 1.75em !default; // (C)
-$form-floating-label-opacity: 0.75 !default;
+$form-floating-label-height: 1.75em !default;
+$form-floating-label-opacity: 1 !default;
 $form-floating-transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out !default;
 $form-floating-label-transform-scale: 0.8; // (C)
 $form-floating-label-transform: scale($form-floating-label-transform-scale) translateY(-0.6rem) translateX(0.15rem) !default;
@@ -807,7 +806,6 @@ $toast-padding-y: 0.406rem !default;
 $toast-font-size: $font-size-base !default;
 $toast-color: $body-color !default;
 $toast-background-color: rgba($card-bg, 0.85);
-$toast-bg-factor: 0.85 !default; // (C)
 $toast-border-width: 0rem !default;
 $toast-border-color: $gray-100 !default;
 $toast-border-radius: $border-radius !default;