diff --git a/components.html b/components.html
index 3061949..8b014ac 100644
--- a/components.html
+++ b/components.html
@@ -570,22 +570,22 @@ base_url: "../"
     <h3 class="component-title">Buttons with badges</h3>
 
     <div class="component-example">
-      <a class="button">Badge button<span class="badge badge-filled">1</span></a>
-      <a class="button-primary">Badge button<span class="badge-primary badge-filled">1</span></a>
-      <a class="button-positive">Badge button<span class="badge-positive badge-filled">1</span></a>
-      <a class="button-negative">Badge button<span class="badge-negative badge-filled">1</span></a>
+      <a class="button">Badge button <span class="badge badge-filled">1</span></a>
+      <a class="button-primary">Badge button <span class="badge-primary badge-filled">1</span></a>
+      <a class="button-positive">Badge button <span class="badge-positive badge-filled">1</span></a>
+      <a class="button-negative">Badge button <span class="badge-negative badge-filled">1</span></a>
     </div>
 
 {% highlight html %}
-<a class="button">Badge button<span class="badge badge-filled">1</span></a>
-<a class="button-primary">Badge button<span class="badge-primary badge-filled">1</span></a>
-<a class="button-positive">Badge button<span class="badge-positive badge-filled">1</span></a>
-<a class="button-negative">Badge button<span class="badge-negative badge-filled">1</span></a>
-
-<a class="button-filled">Badge button<span class="badge badge-filled">1</span></a>
-<a class="button-filled button-primary">Badge button<span class="badge-primary badge-filled">1</span></a>
-<a class="button-filled button-positive">Badge button<span class="badge-positive badge-filled">1</span></a>
-<a class="button-filled button-negative">Badge button<span class="badge-negative badge-filled">1</span></a>
+<a class="button">Badge button <span class="badge badge-filled">1</span></a>
+<a class="button-primary">Badge button <span class="badge-primary badge-filled">1</span></a>
+<a class="button-positive">Badge button <span class="badge-positive badge-filled">1</span></a>
+<a class="button-negative">Badge button <span class="badge-negative badge-filled">1</span></a>
+
+<a class="button-filled">Badge button <span class="badge badge-filled">1</span></a>
+<a class="button-filled button-primary">Badge button <span class="badge-primary badge-filled">1</span></a>
+<a class="button-filled button-positive">Badge button <span class="badge-positive badge-filled">1</span></a>
+<a class="button-filled button-negative">Badge button <span class="badge-negative badge-filled">1</span></a>
 {% endhighlight %}
 
   </article>