diff --git a/components/date-picker/style/index.ts b/components/date-picker/style/index.ts
index 82aabb4795..9aa2372159 100644
--- a/components/date-picker/style/index.ts
+++ b/components/date-picker/style/index.ts
@@ -921,28 +921,19 @@ export const genPanelStyle = (token: SharedPickerToken): CSSObject => {
           overflowX: 'hidden',
 
           '&::-webkit-scrollbar': {
-            width: '7px',
-            backgroundColor: ' #f1f1f1',
+            width: 8,
+            backgroundColor: 'transparent',
           },
 
           '&::-webkit-scrollbar-thumb': {
-            backgroundColor: '#b6b2b2',
-            borderRadius: '5px',
+            backgroundColor: token.colorTextTertiary,
+            borderRadius: 4,
           },
 
-          '&::-webkit-scrollbar-thumb:hover': {
-            backgroundColor: '#7a7a7a',
-          },
-          // 兼容firefox
+          // For Firefox
           '&': {
             scrollbarWidth: 'thin',
-            scrollbarColor: `#b6b2b2 #f1f1f1`,
-          },
-          '&::-moz-scrollbar-thumb': {
-            backgroundColor: '#b6b2b2',
-          },
-          '&::-moz-scrollbar-track': {
-            backgroundColor: ' #f1f1f1',
+            scrollbarColor: `${token.colorTextTertiary} transparent`,
           },
 
           '&::after': {