diff --git a/src/public/app/widgets/buttons/calendar.js b/src/public/app/widgets/buttons/calendar.js
index 9c5d81507..3f63025b0 100644
--- a/src/public/app/widgets/buttons/calendar.js
+++ b/src/public/app/widgets/buttons/calendar.js
@@ -35,7 +35,7 @@ const DROPDOWN_TPL = `
         <div class="calendar-month-selector">
             <button class="calendar-btn bx bx-chevron-left" data-calendar-toggle="previous"></button>
 
-            <button class="btn dropdown-toggle" type="button"
+            <button class="btn dropdown-toggle select-button" type="button"
                 data-bs-toggle="dropdown" data-bs-auto-close="true"
                 aria-expanded="false"
                 data-calendar-input="month"></button>
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index ad07f9621..aebbc2bc6 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1138,6 +1138,13 @@ body.mobile .dropdown-menu .dropdown-item.submenu-open .dropdown-toggle::after {
     outline: 3px solid transparent;
 }
 
+.calendar-dropdown-widget .calendar-header .calendar-month-selector .select-button {
+    --select-arrow-svg: ""; /* Disable the dropdown arrow */
+
+    min-width: 120px;
+    padding: 0 10px;
+}
+
 .calendar-dropdown-widget .calendar-header .dropdown-toggle::after {
     content: unset !important;
 }