diff --git a/docs/script.js b/docs/script.js
index 23ad9e2..ad67542 100644
--- a/docs/script.js
+++ b/docs/script.js
@@ -17,7 +17,12 @@ const sampleCollection = [
 <button type="button" class="nes-btn is-success">Success</button>
 <button type="button" class="nes-btn is-warning">Warning</button>
 <button type="button" class="nes-btn is-error">Error</button>
-<button type="button" class="nes-btn is-disabled">Disabled</button>`,
+<button type="button" class="nes-btn is-disabled">Disabled</button>
+
+<label class="nes-btn">
+  <span>Select your file</span>
+  <input type="file">
+</label>`,
   },
   {
     title: 'radios',
@@ -362,7 +367,7 @@ const sampleCollection = [
     showCode: false,
     code: `<p class="nes-balloon from-left nes-pointer">
   This is not a clickable element, but it's an area of the pointer.
-</p>`
+</p>`,
   },
   {
     title: 'badges',
diff --git a/scss/elements/buttons.scss b/scss/elements/buttons.scss
index 99a7285..764fd8d 100644
--- a/scss/elements/buttons.scss
+++ b/scss/elements/buttons.scss
@@ -78,4 +78,10 @@
       @include btn-style(nth($type, 2), nth($type, 3), nth($type, 4), nth($type, 5));
     }
   }
+
+  input[type="file"] {
+    position: absolute;
+    pointer-events: none;
+    opacity: 0;
+  }
 }