diff --git a/packages/theme-chalk/src/date-picker/picker.scss b/packages/theme-chalk/src/date-picker/picker.scss
index 33f3759e84..227d33829e 100644
--- a/packages/theme-chalk/src/date-picker/picker.scss
+++ b/packages/theme-chalk/src/date-picker/picker.scss
@@ -86,6 +86,7 @@
   }
 
   .#{$namespace}-range-separator {
+    flex: 1;
     display: inline-block;
     height: 100%;
     padding: 0 5px;
@@ -93,7 +94,7 @@
     text-align: center;
     line-height: 32px;
     font-size: 14px;
-    width: 5%;
+    word-break: keep-all;
     color: var(--el-text-color-primary);
   }