diff --git a/customdialoggatherslibrary/src/main/ets/component/CalendarView.ets b/customdialoggatherslibrary/src/main/ets/component/CalendarView.ets
index efdcc0e038d9788e0ccb630d2f46e71c1a2b18ea..76b60c86c1bf28bdc46ed6bb3fd940fb1884202a 100644
--- a/customdialoggatherslibrary/src/main/ets/component/CalendarView.ets
+++ b/customdialoggatherslibrary/src/main/ets/component/CalendarView.ets
@@ -44,7 +44,7 @@ export struct CalendarView {
       currentYear: this.currentYear,
       cancel: this.onCancel
     }),
-    alignment: this.curBp === 'sm' ? DialogAlignment.Bottom : DialogAlignment.Center,
+    isModal: true,
     customStyle: true,
     maskColor: $r('sys.color.mask_fourth')
   });
diff --git a/customdialoggatherslibrary/src/main/ets/view/CustomCalendarPickerDialog.ets b/customdialoggatherslibrary/src/main/ets/view/CustomCalendarPickerDialog.ets
index 777baaf98f427c8250cf31790debbb3089051498..6fcca565fce6c2fd179fb28f8522e5ddc3ac4100 100644
--- a/customdialoggatherslibrary/src/main/ets/view/CustomCalendarPickerDialog.ets
+++ b/customdialoggatherslibrary/src/main/ets/view/CustomCalendarPickerDialog.ets
@@ -225,8 +225,7 @@ export struct CustomCalendarPickerDialog {
       })
     }
     .padding({ top: $r('sys.float.padding_level12') })
-    .width(this.curBp === 'sm' ? '100%' : $r('app.integer.bind_sheet_width'))
-    .height($r('app.integer.bind_sheet_width'))
+    .width(this.curBp === 'sm' ? '90%' : $r('app.integer.bind_sheet_width'))
     .borderRadius($r('sys.float.corner_radius_level12'))
     .backgroundColor($r('app.color.month_day_background'))
     .alignItems(HorizontalAlign.Center)