diff --git a/src/style/index.scss b/src/style/index.scss
index 62aad91..5461cd7 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -52,7 +52,7 @@
   color: $input-color;
   background-color: #fff;
   border: 1px solid $input-border-color;
-  border-radius: 4px;
+  border-radius: $input-border-radius;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
   &:hover,
@@ -111,13 +111,13 @@
 .#{$namespace}-datepicker-sidebar {
   float: left;
   box-sizing: border-box;
-  width: 100px;
+  width: $sidebar-margin-left;
   padding: 6px;
   overflow: auto;
 }
 
 .#{$namespace}-datepicker-sidebar + .#{$namespace}-datepicker-content {
-  margin-left: 100px;
+  margin-left: $sidebar-margin-left;
   border-left: 1px solid $border-color;
 }
 
diff --git a/src/style/var.scss b/src/style/var.scss
index f0c824b..64ad837 100644
--- a/src/style/var.scss
+++ b/src/style/var.scss
@@ -30,3 +30,6 @@ $time-active-background-color: transparent !default;
 
 $time-hover-color: $default-color !default;
 $time-hover-background-color: mix(#fff, $calendar-active-background-color, 95%) !default;
+
+$input-border-radius: 4px !default;
+$sidebar-margin-left: 100px !default;