diff --git a/components/Switch/index.scss b/components/Switch/index.scss index c5783d0d..abcc2cc6 100644 --- a/components/Switch/index.scss +++ b/components/Switch/index.scss @@ -3,6 +3,8 @@ background: $grey-70; border-radius: calc($height / 2); border: none; + padding-left: $unit-half; + padding-right: $unit-half; position: relative; width: 58px; height: $height; @@ -36,7 +38,7 @@ height: 26px; width: 26px; transition: transform 100ms; - transform: translateX(-1px); + transform: translateX(0px); &:hover { cursor: pointer; @@ -44,6 +46,6 @@ &[data-state='checked'] { background: $grey-100; - transform: translateX(21px); + transform: translateX(24px); } }