diff --git a/docs/content/docs/components/navbar.md b/docs/content/docs/components/navbar.md
index af015d5..9064667 100644
--- a/docs/content/docs/components/navbar.md
+++ b/docs/content/docs/components/navbar.md
@@ -9,13 +9,11 @@ description: PaperCSS Navbar
   </div>
   <div class="collapsible">
     <input id="collapsible0" type="checkbox" name="collapsible0">
-    <button>
-      <label for="collapsible0">
-        <div class="bar1"></div>
-        <div class="bar2"></div>
-        <div class="bar3"></div>
-      </label>
-    </button>
+    <label for="collapsible0">
+      <div class="bar1"></div>
+      <div class="bar2"></div>
+      <div class="bar3"></div>
+    </label>
     <div class="collapsible-body">
       <ul class="inline">
         <li><a href="/docs/">Documentation</a></li>
@@ -32,13 +30,11 @@ description: PaperCSS Navbar
   </div>
   <div class="collapsible">
     <input id="collapsible1" type="checkbox" name="collapsible1">
-    <button>
-      <label for="collapsible1">
-        <div class="bar1"></div>
-        <div class="bar2"></div>
-        <div class="bar3"></div>
-      </label>
-    </button>
+    <label for="collapsible1">
+      <div class="bar1"></div>
+      <div class="bar2"></div>
+      <div class="bar3"></div>
+    </label>
     <div class="collapsible-body">
       <ul class="inline">
         <li><a href="#">Documentation</a></li>
@@ -60,13 +56,11 @@ Add ```.fixed``` to ```<nav>``` to fix the nav to the top to have it scroll the
   </div>
   <div class="collapsible">
     <input id="collapsible1" type="checkbox" name="collapsible1">
-    <button>
     <label for="collapsible1">
-        <div class="bar1"></div>
-        <div class="bar2"></div>
-        <div class="bar3"></div>
-      </label>
-    </button>
+      <div class="bar1"></div>
+      <div class="bar2"></div>
+      <div class="bar3"></div>
+    </label>
     <div class="collapsible-body">
       <ul class="inline">
         <li><a href="#">Documentation</a></li>
@@ -86,13 +80,11 @@ Add ```.fixed``` to ```<nav>``` to fix the nav to the top to have it scroll the
   </div>
   <div class="collapsible">
     <input id="collapsible2" type="checkbox" name="collapsible2">
-    <button>
-      <label for="collapsible2">
-        <div class="bar1"></div>
-        <div class="bar2"></div>
-        <div class="bar3"></div>
-      </label>
-    </button>
+    <label for="collapsible2">
+      <div class="bar1"></div>
+      <div class="bar2"></div>
+      <div class="bar3"></div>
+    </label>
     <div class="collapsible-body">
       <ul class="inline">
         <li><a href="#">Documentation</a></li>
@@ -112,13 +104,11 @@ Add ```.fixed``` to ```<nav>``` to fix the nav to the top to have it scroll the
   </div>
   <div class="collapsible">
     <input id="collapsible2" type="checkbox" name="collapsible2">
-    <button>
-      <label for="collapsible2">
-        <div class="bar1"></div>
-        <div class="bar2"></div>
-        <div class="bar3"></div>
-      </label>
-    </button>
+    <label for="collapsible2">
+      <div class="bar1"></div>
+      <div class="bar2"></div>
+      <div class="bar3"></div>
+    </label>
     <div class="collapsible-body">
       <ul class="inline">
         <li><a href="#">Documentation</a></li>
diff --git a/package.json b/package.json
index 04d7aa2..33a0ba3 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "build": "node node_modules/gulp/bin/gulp.js build",
     "test": "echo \"Error: no test specified\" && exit 1",
     "postinstall": "gulp postinstall",
-    "stylelint": "node_modules/stylelint/bin/stylelint.js 'src/**/*.scss'"
+    "stylelint": "node node_modules/stylelint/bin/stylelint.js 'src/**/*.scss'"
   },
   "repository": {
     "type": "git",
diff --git a/src/components/_navbar.scss b/src/components/_navbar.scss
index 8af7535..5d7f7b4 100644
--- a/src/components/_navbar.scss
+++ b/src/components/_navbar.scss
@@ -23,7 +23,7 @@ nav {
     width: 2rem;
   }
 
-  .collapsible input[id^=collapsible]:checked + button {
+  .collapsible input[id^=collapsible]:checked + label {
     .bar1 {
       transform: rotate(-45deg) translate(-9px, 7px);
     }
@@ -107,6 +107,13 @@ nav {
     }
   }
 
+  .collapsible {
+    @include resp(small) {
+      width: 100%;
+      margin-top: 50px;
+    }
+  }
+
   .collapsible input[id^=collapsible]:checked ~ div.collapsible-body {
     margin: 0;
     max-height: 960px;
@@ -132,7 +139,7 @@ nav {
     padding: 0;
   }
 
-  .collapsible > button {
+  .collapsible > label {
     background-color: $main-background;
     display: none;
     font-size: 0.5rem;