From e1d6aa890d66f57af381c9260f8dc7f3057aaf21 Mon Sep 17 00:00:00 2001
From: joneff <joneff@gmail.com>
Date: Thu, 28 Sep 2017 17:53:35 +0300
Subject: [PATCH] fix(switch): use correct border-radius for switch wrapper

---
 scss/switch/_theme.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/scss/switch/_theme.scss b/scss/switch/_theme.scss
index f186fcc..aefd8d3 100644
--- a/scss/switch/_theme.scss
+++ b/scss/switch/_theme.scss
@@ -1,16 +1,19 @@
 @include exports("switch/theme") {
 
+    $switch-border-radius: ($switch-size / 2) !default;
+
     // Theme
     .k-switch,
     .km-switch {
-        @include border-radius( $border-radius );
+        @include border-radius( $switch-border-radius );
+        overflow: hidden;
     }
 
     // Switch wrapper
     .k-switch-wrapper,
     .km-switch-wrapper {
         @include appearance( button );
-        @include border-radius( $border-radius );
+        @include border-radius( $switch-border-radius );
     }
     .k-switch-background,
     .km-switch-background {
@@ -20,7 +23,7 @@
     // Switch container
     .k-switch-container,
     .km-switch-container {
-        border-radius: ($switch-size / 2);
+        @include border-radius( $switch-border-radius );
         border-color: $button-border;
         color: $button-text;
     }