diff --git a/css/style.css b/css/style.css
index d16f1ad..10772e7 100644
--- a/css/style.css
+++ b/css/style.css
@@ -11,10 +11,6 @@ body {
   width: 24em;
 }
 
-.slider {
-  width: 2em;
-}
-
 .fab {
   z-index: 9999;
   position: fixed;
diff --git a/popup.html b/popup.html
index 4884078..e9c8d72 100644
--- a/popup.html
+++ b/popup.html
@@ -22,7 +22,7 @@
         </div>
         <label for="len">
           <span>Length: <span id="lentxt">--</span></span>
-          <input class="slider mdl-slider mdl-js-slider" type="range" min="4" max="26" value="12" tabindex="0" id="len">
+          <input class="mdl-slider mdl-js-slider" type="range" min="4" max="26" value="12" tabindex="0" id="len">
         </label>
         <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="num">
           <input type="checkbox" id="num" class="mdl-checkbox__input" checked>