diff --git a/components/date-picker/style/panel.less b/components/date-picker/style/panel.less
index 4d57191a98..4238e66200 100644
--- a/components/date-picker/style/panel.less
+++ b/components/date-picker/style/panel.less
@@ -302,12 +302,12 @@
     .@{picker-prefix-cls}-date-panel
       &-in-view&-in-range&-range-hover-start
       .@{cellClassName}::after {
-      right: -6px - @border-width-base;
+      right: -5px - @border-width-base;
       left: 0;
     }
     .@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {
       right: 0;
-      left: -6px - @border-width-base;
+      left: -5px - @border-width-base;
     }
 
     // Hover with range start & end
diff --git a/components/date-picker/style/rtl.less b/components/date-picker/style/rtl.less
index c4ac8bcd0a..1308c4c684 100644
--- a/components/date-picker/style/rtl.less
+++ b/components/date-picker/style/rtl.less
@@ -149,13 +149,13 @@
       .@{cellClassName}::after {
       .@{picker-prefix-cls}-panel-rtl & {
         right: 0;
-        left: -6px - @border-width-base;
+        left: -5px - @border-width-base;
       }
     }
 
     .@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {
       .@{picker-prefix-cls}-panel-rtl & {
-        right: -6px - @border-width-base;
+        right: -5px - @border-width-base;
         left: 0;
       }
     }