diff --git a/css/app.css b/css/app.css
index 5757e715..9ee265aa 100644
--- a/css/app.css
+++ b/css/app.css
@@ -117,24 +117,6 @@ ul {
       max-width: 100%;
       width: 98%; }
 
-.grip {
-  position: relative; }
-  .grip:before {
-    content: '';
-    display: none;
-    width: 5px;
-    height: 20px;
-    background-image: url(../images/grips/vertical_dark.png);
-    background-repeat: no-repeat;
-    position: absolute;
-    top: 50%;
-    left: 7px;
-    margin-top: -10px; }
-  .grip.btn-primary:before {
-    background-image: url(../images/grips/vertical.png); }
-  .grip:hover:before {
-    display: block; }
-
 .key-editor__popup {
   border: none;
   width: 0px;
diff --git a/images/grips/vertical.png b/images/grips/vertical.png
deleted file mode 100644
index 0ac8fa1e..00000000
Binary files a/images/grips/vertical.png and /dev/null differ
diff --git a/images/grips/vertical_dark.png b/images/grips/vertical_dark.png
deleted file mode 100644
index 1b5070d9..00000000
Binary files a/images/grips/vertical_dark.png and /dev/null differ
diff --git a/index.html b/index.html
index 35905e63..b655e2b7 100644
--- a/index.html
+++ b/index.html
@@ -45,9 +45,9 @@
           <div class="col-xs-12 text-center">
             <div class="" role="" style="margin-bottom: 2rem;">
               <button type="button" data-layer="base" class="uhk__layer-switcher btn btn-primary btn-lg current">Base</button>
-              <button type="button" data-layer="mod" class="uhk__layer-switcher btn btn-default btn-lg grip">Mod</button>
-              <button type="button" data-layer="fn" class="uhk__layer-switcher btn btn-default btn-lg grip">Fn</button>
-              <button type="button" data-layer="mouse" class="uhk__layer-switcher btn btn-default btn-lg grip">Mouse</button>
+              <button type="button" data-layer="mod" class="uhk__layer-switcher btn btn-default btn-lg">Mod</button>
+              <button type="button" data-layer="fn" class="uhk__layer-switcher btn btn-default btn-lg">Fn</button>
+              <button type="button" data-layer="mouse" class="uhk__layer-switcher btn btn-default btn-lg">Mouse</button>
             </div>
           </div>
           <div class="col-xs-12">
@@ -121,7 +121,7 @@
             </div>
             <div class="list-group-item action--item">
               <span class="glyphicon glyphicon-option-vertical move-handle" aria-hidden="true"></span>
-              <i class="fa fa-mouse-pointer"></i> Scroll by 150px downdward
+              <i class="fa fa-mouse-pointer"></i> Scroll by 150px downward
               <i class="glyphicon glyphicon-pencil action--edit"></i>
               <i class="glyphicon glyphicon-trash action--trash"></i>
             </div>
@@ -199,4 +199,3 @@
     </script>
   </body>
 </html>
- 
\ No newline at end of file
diff --git a/sass/app.scss b/sass/app.scss
index 48121274..c2d17b1b 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -191,35 +191,6 @@ ul {
   }
 }
 
-.grip {
-  position: relative;
-
-  &:before {
-    content: '';
-    display: none;
-    width: 5px;
-    height: 20px;
-    background-image: url(../images/grips/vertical_dark.png);
-    background-repeat: no-repeat;
-    position: absolute;
-    top: 50%;
-    left: 7px;
-    margin-top: -10px;
-  }
-
-  &.btn-primary {
-    &:before {
-      background-image: url(../images/grips/vertical.png);
-    }
-  }
-
-  &:hover {
-    &:before {
-      display: block;
-    }
-  }
-}
-
 .key-editor__popup {
   border: none;
   width: 0px;