diff --git a/apps/client/src/widgets/launch_bar/CalendarWidget.css b/apps/client/src/widgets/launch_bar/CalendarWidget.css
index bc1330904..a47d02627 100644
--- a/apps/client/src/widgets/launch_bar/CalendarWidget.css
+++ b/apps/client/src/widgets/launch_bar/CalendarWidget.css
@@ -177,4 +177,9 @@
 
 .calendar-dropdown-widget .form-control {
     padding: 0;
+}
+
+.calendar-dropdown-widget .calendar-month-selector .dropdown-menu {
+    left: 50%;
+    transform: translateX(-50%);
 }
\ No newline at end of file
diff --git a/apps/client/src/widgets/launch_bar/CalendarWidget.tsx b/apps/client/src/widgets/launch_bar/CalendarWidget.tsx
index 959294228..aa58b183b 100644
--- a/apps/client/src/widgets/launch_bar/CalendarWidget.tsx
+++ b/apps/client/src/widgets/launch_bar/CalendarWidget.tsx
@@ -136,7 +136,7 @@ function CalendarMonthSelector({ date, setDate }: CalendarHeaderProps) {
                 keyProperty="index" titleProperty="text"
                 onChange={(index) => setDate(date.set("month", parseInt(index, 10)))}
                 buttonProps={{ "data-calendar-input": "month" }}
-                dropdownOptions={{ popperConfig: { placement: "bottom" } }}
+                dropdownOptions={{ display: "static" }}
             />
             <AdjustDateButton date={date} setDate={setDate} direction="next" unit="month" />
         </div>