diff --git a/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_05_Toggle_Sidebar_to_Show_Icons_Only.razor b/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_05_Toggle_Sidebar_to_Show_Icons_Only.razor
index 187902d96..62b9fcead 100644
--- a/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_05_Toggle_Sidebar_to_Show_Icons_Only.razor
+++ b/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_05_Toggle_Sidebar_to_Show_Icons_Only.razor
@@ -7,7 +7,7 @@
 
     <main>
         <div class="bb-top-row px-4 d-flex justify-content-between">
-            <Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
+            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
             <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
         </div>
 
@@ -54,5 +54,5 @@
         return navItems;
     }
 
-    private void ToogleSidebar() => sidebar.ToggleSidebar();
+    private void ToggleSidebar() => sidebar.ToggleSidebar();
 }
diff --git a/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_06_Show_Badge.razor b/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_06_Show_Badge.razor
index 1cec8a9b9..82e1018c4 100644
--- a/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_06_Show_Badge.razor
+++ b/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_06_Show_Badge.razor
@@ -8,7 +8,7 @@
 
     <main>
         <div class="bb-top-row px-4 d-flex justify-content-between">
-            <Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
+            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
             <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
         </div>
 
@@ -55,5 +55,5 @@
         return navItems;
     }
 
-    private void ToogleSidebar() => sidebar.ToggleSidebar();
+    private void ToggleSidebar() => sidebar.ToggleSidebar();
 }
diff --git a/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_07_Custom_Brand_Icon.razor b/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_07_Custom_Brand_Icon.razor
index dc1f5e1bd..27734b894 100644
--- a/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_07_Custom_Brand_Icon.razor
+++ b/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_07_Custom_Brand_Icon.razor
@@ -8,7 +8,7 @@
 
     <main>
         <div class="bb-top-row px-4 d-flex justify-content-between">
-            <Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
+            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
             <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
         </div>
 
@@ -55,5 +55,5 @@
         return navItems;
     }
 
-    private void ToogleSidebar() => sidebar.ToggleSidebar();
+    private void ToggleSidebar() => sidebar.ToggleSidebar();
 }
diff --git a/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_08_Show_Image_as_Brand_Logo.razor b/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_08_Show_Image_as_Brand_Logo.razor
index 372df2c0e..c5c68107e 100644
--- a/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_08_Show_Image_as_Brand_Logo.razor
+++ b/BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_08_Show_Image_as_Brand_Logo.razor
@@ -8,7 +8,7 @@
 
     <main>
         <div class="bb-top-row px-4 d-flex justify-content-between">
-            <Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
+            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
             <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
         </div>
 
@@ -55,5 +55,5 @@
         return navItems;
     }
 
-    private void ToogleSidebar() => sidebar.ToggleSidebar();
+    private void ToggleSidebar() => sidebar.ToggleSidebar();
 }
diff --git a/blazorbootstrap/Components/Button/Button.razor.cs b/blazorbootstrap/Components/Button/Button.razor.cs
index 3148e7a04..5c5cfcc33 100644
--- a/blazorbootstrap/Components/Button/Button.razor.cs
+++ b/blazorbootstrap/Components/Button/Button.razor.cs
@@ -496,6 +496,6 @@ public Size Size
 
     // TODO: Review
     // - Disable text wrapping: https://getbootstrap.com/docs/5.1/components/buttons/#disable-text-wrapping
-    // - Toogle states: https://getbootstrap.com/docs/5.1/components/buttons/#toggle-states
+    // - Toggle states: https://getbootstrap.com/docs/5.1/components/buttons/#toggle-states
     // - IDispose
 }
diff --git a/docs/docs/05-components/buttons.mdx b/docs/docs/05-components/buttons.mdx
index e9fa6e10e..7f46c1e1f 100644
--- a/docs/docs/05-components/buttons.mdx
+++ b/docs/docs/05-components/buttons.mdx
@@ -217,11 +217,11 @@ Create responsive stacks of full-width, "block buttons" like those in Bootstrap
 
 [See block buttons demo here.](https://demos.blazorbootstrap.com/buttons#block-buttons)
 
-### Toogle States
+### Toggle States
 
 If you''re pre-toggling a button, you must manually add the `Active="true"` parameter.
 
-<img src="https://i.imgur.com/JH9SZxQ.jpg" alt="Blazor Bootstrap: Button Component - Button Toogle States" />
+<img src="https://i.imgur.com/JH9SZxQ.jpg" alt="Blazor Bootstrap: Button Component - Button Toggle States" />
 
 ```cshtml showLineNumbers
 <p>
@@ -231,7 +231,7 @@ If you''re pre-toggling a button, you must manually add the `Active="true"` para
 </p>
 ```
 
-[See button toogle states demo here.](https://demos.blazorbootstrap.com/buttons#toggle-states)
+[See button toggle states demo here.](https://demos.blazorbootstrap.com/buttons#toggle-states)
 
 ### Loading spinner
 
diff --git a/docs/docs/05-components/sidebar.mdx b/docs/docs/05-components/sidebar.mdx
index 50757d86a..e7c0fc853 100644
--- a/docs/docs/05-components/sidebar.mdx
+++ b/docs/docs/05-components/sidebar.mdx
@@ -282,7 +282,7 @@ Call `ToggleSidebar()` method to toggle the Sidebar to show the icons only.
 
     <main>
         <div class="bb-top-row px-4 d-flex justify-content-between">
-            <Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
+            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
             <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
         </div>
 
@@ -329,7 +329,7 @@ Call `ToggleSidebar()` method to toggle the Sidebar to show the icons only.
         return navItems;
     }
 
-    private void ToogleSidebar() => sidebar.ToggleSidebar();
+    private void ToggleSidebar() => sidebar.ToggleSidebar();
 }
 ```
 
@@ -352,7 +352,7 @@ A badge is useful when displaying the application version, environment, or other
 
     <main>
         <div class="bb-top-row px-4 d-flex justify-content-between">
-            <Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
+            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
             <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
         </div>
 
@@ -399,7 +399,7 @@ A badge is useful when displaying the application version, environment, or other
         return navItems;
     }
 
-    private void ToogleSidebar() => sidebar.ToggleSidebar();
+    private void ToggleSidebar() => sidebar.ToggleSidebar();
 }
 ```
 
@@ -422,7 +422,7 @@ Use the `CustomIconName` parameter to set the custom logo icon using font awesom
 
     <main>
         <div class="bb-top-row px-4 d-flex justify-content-between">
-            <Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
+            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
             <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
         </div>
 
@@ -469,7 +469,7 @@ Use the `CustomIconName` parameter to set the custom logo icon using font awesom
         return navItems;
     }
 
-    private void ToogleSidebar() => sidebar.ToggleSidebar();
+    private void ToggleSidebar() => sidebar.ToggleSidebar();
 }
 ```
 
@@ -492,7 +492,7 @@ Use the `ImageSrc` parameter to set the brand logo.
 
     <main>
         <div class="bb-top-row px-4 d-flex justify-content-between">
-            <Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
+            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
             <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
         </div>
 
@@ -539,7 +539,7 @@ Use the `ImageSrc` parameter to set the brand logo.
         return navItems;
     }
 
-    private void ToogleSidebar() => sidebar.ToggleSidebar();
+    private void ToggleSidebar() => sidebar.ToggleSidebar();
 }
 ```