diff --git a/demo/docs/badges.html b/demo/docs/badges.html
index 79f591b20..e2b060100 100644
--- a/demo/docs/badges.html
+++ b/demo/docs/badges.html
@@ -712,7 +712,7 @@
                         </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 @@
     <!-- Tabler Core -->
     <script src="../dist/js/tabler.min.js"></script>
   </body>
-</html>
\ No newline at end of file
+</html>