diff --git a/css/twentytwenty-no-compass.css b/css/twentytwenty-no-compass.css
index 84eab3b..adae3bc 100644
--- a/css/twentytwenty-no-compass.css
+++ b/css/twentytwenty-no-compass.css
@@ -139,7 +139,10 @@
   border-radius: 1000px;
   box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
   z-index: 40;
-  cursor: pointer; }
+  cursor: grab; }
+
+.twentytwenty-handle:active {
+  cursor: grabbing; }
 
 .twentytwenty-horizontal .twentytwenty-handle:before {
   bottom: 50%;
diff --git a/css/twentytwenty.css b/css/twentytwenty.css
index e42c889..89c3e9a 100644
--- a/css/twentytwenty.css
+++ b/css/twentytwenty.css
@@ -157,7 +157,10 @@
   -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
   box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
   z-index: 40;
-  cursor: pointer; }
+  cursor: grab; }
+
+.twentytwenty-handle:active {
+  cursor: grabbing; }
 
 .twentytwenty-horizontal .twentytwenty-handle:before {
   bottom: 50%;
diff --git a/scss/twentytwenty-no-compass.scss b/scss/twentytwenty-no-compass.scss
index 0e2de86..e3d64d8 100644
--- a/scss/twentytwenty-no-compass.scss
+++ b/scss/twentytwenty-no-compass.scss
@@ -226,9 +226,11 @@ $twenty20-label-radius: 2px !default;
   border-radius: $twenty20-handle-radius;
   box-shadow: $twenty20-handle-box-shadow;
   z-index: 40;
-  cursor: pointer;
+  cursor: grab;
 }
 
+.#{$pluginPrefix}-handle:active { cursor: grabing; }
+
 // 20/20 Horizontal Handle Styles
 .#{$pluginPrefix}-horizontal .#{$pluginPrefix}-handle {
 
diff --git a/scss/twentytwenty.scss b/scss/twentytwenty.scss
index 5496cc2..17c1870 100644
--- a/scss/twentytwenty.scss
+++ b/scss/twentytwenty.scss
@@ -227,9 +227,11 @@ $twenty20-label-radius: 2px !default;
   @include border-radius($twenty20-handle-radius);
   @include box-shadow($twenty20-handle-box-shadow);
   z-index: 40;
-  cursor: pointer;
+  cursor: grab;
 }
 
+.#{$pluginPrefix}-handle:active { cursor: grabing; }
+
 // 20/20 Horizontal Handle Styles
 .#{$pluginPrefix}-horizontal .#{$pluginPrefix}-handle {