diff --git a/src/components/PickerDay.vue b/src/components/PickerDay.vue
index ad35f10f..f0cf9802 100644
--- a/src/components/PickerDay.vue
+++ b/src/components/PickerDay.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="picker-view">
     <slot name="beforeCalendarHeaderDay" />
     <PickerHeader
       :config="headerConfig"
diff --git a/src/components/PickerMonth.vue b/src/components/PickerMonth.vue
index 29330814..77c7e979 100644
--- a/src/components/PickerMonth.vue
+++ b/src/components/PickerMonth.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="picker-view">
     <slot name="beforeCalendarHeaderMonth" />
     <PickerHeader
       :config="headerConfig"
diff --git a/src/components/PickerYear.vue b/src/components/PickerYear.vue
index 22cae642..6a1c3dc6 100644
--- a/src/components/PickerYear.vue
+++ b/src/components/PickerYear.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="picker-view">
     <slot name="beforeCalendarHeaderYear" />
     <PickerHeader
       :config="headerConfig"
diff --git a/src/styles/style.scss b/src/styles/style.scss
index 8e61648b..6a8bf7c0 100755
--- a/src/styles/style.scss
+++ b/src/styles/style.scss
@@ -161,6 +161,10 @@
   .year {
     width: 33.333%;
   }
+
+  .picker-view {
+    width: inherit;
+  }
 }