diff --git a/src/public/stylesheets/calendar.css b/src/public/stylesheets/calendar.css
index a8935eed7..3d6d34114 100644
--- a/src/public/stylesheets/calendar.css
+++ b/src/public/stylesheets/calendar.css
@@ -41,25 +41,41 @@
     flex-grow: 1;
 }
 
+.calendar-dropdown-widget .calendar-header input[type="number"] {
+    appearance: textfield !important;
+}
+
+.calendar-dropdown-widget .calendar-header input[type="number"]::-webkit-outer-spin-button,
+.calendar-dropdown-widget .calendar-header input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
 .calendar-dropdown-widget .calendar-header select {
     cursor: pointer;
 }
 
 .calendar-dropdown-widget .calendar-header input,
-.calendar-dropdown-widget .calendar-header select {
+.calendar-dropdown-widget .calendar-header .dropdown-toggle {
     appearance: none;
     text-align: center;
     border: 0;
-    border-bottom: 1px solid var(--button-border-color);
+    border-left: unset;
     background-color: var(--menu-background-color);
+    font-weight: bold;
     outline: 0;
 }
 
+.calendar-dropdown-widget .calendar-header .dropdown-toggle::after {
+    border: unset; /* Disable the dropdown arrow */
+}
+
 .calendar-dropdown-widget .calendar-week {
     display: flex;
     flex-wrap: wrap;
 }
 
+
 .calendar-dropdown-widget .calendar-week span {
     flex-direction: column;
     flex: 0 0 14.28%;
@@ -69,6 +85,7 @@
     padding-top: 5px;
     padding-bottom: 5px;
     text-align: center;
+    text-transform: uppercase;
 }
 
 .calendar-dropdown-widget .calendar-body {
@@ -79,7 +96,6 @@
 .calendar-dropdown-widget .calendar-date {
     align-items: center;
     color: var(--main-text-color);
-    background-color: var(--main-background-color);
     display: flex;
     flex-direction: column;
     flex: 0 0 14.28%;
@@ -91,6 +107,7 @@
 .calendar-dropdown-widget .calendar-date:hover {
     color: var(--hover-item-text-color);
     background-color: var(--hover-item-background-color);
+    text-decoration: underline;
 }
 
 .calendar-dropdown-widget .calendar-date-active {