diff --git a/components/date-picker/style/index.ts b/components/date-picker/style/index.ts
index cf17b1aad2..f27082aae0 100644
--- a/components/date-picker/style/index.ts
+++ b/components/date-picker/style/index.ts
@@ -364,9 +364,14 @@ const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
             position: 'absolute',
             zIndex: 1,
             display: 'none',
-            marginInlineStart: token.calc(paddingInline).mul(1.5).equal(),
+            paddingInline: token.calc(paddingInline).mul(1.5).equal(),
+            boxSizing: 'content-box',
             transition: `left ${motionDurationSlow} ease-out`,
             ...genRoundedArrow(token, colorBgElevated, boxShadowPopoverArrow),
+
+            '&:before': {
+              insetInlineStart: token.calc(paddingInline).mul(1.5).equal(),
+            },
           },
 
           [`${componentCls}-panel-container`]: {
diff --git a/package.json b/package.json
index c6f4ccdf71..9c130f3c7c 100644
--- a/package.json
+++ b/package.json
@@ -143,7 +143,7 @@
     "rc-motion": "^2.9.0",
     "rc-notification": "~5.3.0",
     "rc-pagination": "~4.0.4",
-    "rc-picker": "~4.0.0-alpha.44",
+    "rc-picker": "~4.1.1",
     "rc-progress": "~3.5.1",
     "rc-rate": "~2.12.0",
     "rc-resize-observer": "^1.4.0",