diff --git a/src/coloris.css b/src/coloris.css
index 23152a4..795691c 100644
--- a/src/coloris.css
+++ b/src/coloris.css
@@ -46,24 +46,24 @@
 
 .clr-picker input[type="range"]::-webkit-slider-runnable-track {
   width: 100%;
-  height: 8px;
+  height: 16px;
 }
 
 .clr-picker input[type="range"]::-webkit-slider-thumb {
-  width: 8px;
-  height: 8px;
+  width: 16px;
+  height: 16px;
   -webkit-appearance: none;
 }
 
 .clr-picker input[type="range"]::-moz-range-track {
   width: 100%;
-  height: 8px;
+  height: 16px;
   border: 0;
 }
 
 .clr-picker input[type="range"]::-moz-range-thumb {
-  width: 8px;
-  height: 8px;
+  width: 16px;
+  height: 16px;
   border: 0;
 }
 
@@ -91,9 +91,9 @@
 .clr-hue input,
 .clr-alpha input {
   position: absolute;
-  width: calc(100% + 16px);
+  width: calc(100% + 32px);
   height: 16px;
-  left: -8px;
+  left: -16px;
   top: -4px;
   margin: 0;
   background-color: transparent;