diff --git a/demo/docs/badges.html b/demo/docs/badges.html
index 79f591b207..e2b0601009 100644
--- a/demo/docs/badges.html
+++ b/demo/docs/badges.html
@@ -712,7 +712,7 @@ <h2 id="default-markup">Default markup</h2>
                         </figure>
                       </div>
                       <h2 id="pill-badges">Pill badges</h2>
-                      <p>Use the <code class="language-plaintext highlighter-rouge">.bagde-pill</code> class if you want to create a badge with rounded corners. Its width will adjust to the label text.</p>
+                      <p>Use the <code class="language-plaintext highlighter-rouge">.badge-pill</code> class if you want to create a badge with rounded corners. Its width will adjust to the label text.</p>
                       <div class="example no_toc_section example-centered">
                         <div class="example-content">
                           <span class="badge badge-pill bg-blue">1</span>
@@ -966,4 +966,4 @@ <h2 id="button-with-badge">Button with badge</h2>
     <!-- Tabler Core -->
     <script src="../dist/js/tabler.min.js"></script>
   </body>
-</html>
\ No newline at end of file
+</html>