diff --git a/scss/_toggle.scss b/scss/_toggle.scss
index db6e7c4dd8..7f8753ec3e 100644
--- a/scss/_toggle.scss
+++ b/scss/_toggle.scss
@@ -8,6 +8,8 @@
 .toggle {
   position: relative;
   display: inline-block;
+  margin: -$toggle-hit-area-expansion;
+  padding: $toggle-hit-area-expansion;
 
   &.dragging {
     .handle {
@@ -43,8 +45,8 @@
 .toggle .handle {
   @include transition($toggle-transition-duration ease-in-out);
   position: absolute;
-  top: $toggle-border-width;
-  left: $toggle-border-width;
+  top: $toggle-border-width + $toggle-hit-area-expansion;
+  left: $toggle-border-width + $toggle-hit-area-expansion;
   display: block;
   width: $toggle-handle-width;
   height: $toggle-handle-height;
diff --git a/scss/_variables.scss b/scss/_variables.scss
index b272477194..13eba0e8c1 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -433,6 +433,8 @@ $toggle-handle-on-bg-color:       $toggle-handle-off-bg-color !default;
 
 $toggle-transition-duration:      .2s !default;
 
+$toggle-hit-area-expansion:   5px;
+
 
 // Checkbox
 // -------------------------------