diff --git a/docs/buttons.html b/docs/buttons.html
index e1799667f..739e2ae22 100644
--- a/docs/buttons.html
+++ b/docs/buttons.html
@@ -114,12 +114,12 @@
 
 <h3 id="link-buttons">Link Buttons</h3>
 <p>Buttons can be styled to look like normal links with the <code>button-link</code> modifier. The appropriate sizing is placed so they align properly with regular buttons.</p>
-<pre><code class="lang-html">&lt;button type=&quot;button&quot;&gt;Button&lt;/button&gt;
-&lt;button type=&quot;button&quot; class=&quot;button-link&quot;&gt;Link&lt;/button&gt;
+<pre><code class="lang-html">&lt;a href=&quot;#&quot; class=&quot;button&quot;&gt;Button&lt;/a&gt;
+&lt;a href=&quot;#&quot; class=&quot;button button-link&quot;&gt;Link&lt;/a&gt;
 </code></pre>
 <div class="input-single">
-  <button type="button">Button</button>
-  <button type="button" class="button-link">Link</button>
+  <a href="#" class="button">Button</a>
+  <a href="#" class="button button-link">Link</a>
 </div>
 
 <h3 id="file-buttons">File Buttons</h3>
diff --git a/source/docs/buttons.md b/source/docs/buttons.md
index 573e7ec8a..1f91f15cc 100644
--- a/source/docs/buttons.md
+++ b/source/docs/buttons.md
@@ -82,13 +82,13 @@ You can force buttons to have an active state by applying the `active` class.
 Buttons can be styled to look like normal links with the `button-link` modifier. The appropriate sizing is placed so they align properly with regular buttons.
 
 ```html
-<button type="button">Button</button>
-<button type="button" class="button-link">Link</button>
+<a href="#" class="button">Button</a>
+<a href="#" class="button button-link">Link</a>
 ```
 
 <div class="input-single">
-  <button type="button">Button</button>
-  <button type="button" class="button-link">Link</button>
+  <a href="#" class="button">Button</a>
+  <a href="#" class="button button-link">Link</a>
 </div>
 
 ### File Buttons