diff --git a/src/html/components/dashboard/_sidenav.astro b/src/html/components/dashboard/_sidenav.astro
index 0620f9f52..38d4a8a22 100644
--- a/src/html/components/dashboard/_sidenav.astro
+++ b/src/html/components/dashboard/_sidenav.astro
@@ -252,7 +252,7 @@ const htmlPath = convertPathToHtml(path);
         </li>
         <li class:list={["nav-item", mainPage === "bscomponents" && "menu-open"]}>
           <a href="#" class:list={["nav-link", mainPage === "bscomponents" && "active"]}>
-            <i class="nav-icon bi bi-pencil-square"></i>
+            <i class="nav-icon bi bi-ui-checks-grid"></i>
             <p>Components<i class="nav-arrow bi bi-chevron-right"></i>
             </p>
           </a>
diff --git a/src/html/pages/components/general.astro b/src/html/pages/components/general.astro
index 6d6f53bbe..96151594a 100644
--- a/src/html/pages/components/general.astro
+++ b/src/html/pages/components/general.astro
@@ -338,7 +338,7 @@ const pageTitle = "General Components";
                   <a class="btn btn-primary" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                     Link with href
                   </a>
-                  <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
+                  <button class="btn btn-success" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                     Button with data-bs-target
                   </button>
                 </p>