diff --git a/components/calendar/Header.tsx b/components/calendar/Header.tsx
index 49c78b0f63..b6021f739c 100644
--- a/components/calendar/Header.tsx
+++ b/components/calendar/Header.tsx
@@ -120,7 +120,6 @@ function MonthSelect<DateType>(props: SharedProps<DateType>) {
   return (
     <Select
       size={fullscreen ? undefined : 'small'}
-      dropdownMatchSelectWidth={100}
       className={`${prefixCls}-month-select`}
       value={month}
       options={options}
diff --git a/components/calendar/style/index.less b/components/calendar/style/index.less
index 338c1cb0b0..d191a58391 100644
--- a/components/calendar/style/index.less
+++ b/components/calendar/style/index.less
@@ -15,11 +15,11 @@
     padding: 11px 16px 11px 0;
 
     .@{calendar-prefix-cls}-year-select {
-      width: 85px;
+      min-width: 85px;
     }
 
     .@{calendar-prefix-cls}-month-select {
-      width: 70px;
+      min-width: 70px;
       margin-left: @padding-xs;
     }
 
@@ -150,6 +150,7 @@
           height: 86px;
           overflow-y: auto;
           line-height: @line-height-base;
+          text-align: left;
         }
 
         &-today {