diff --git a/styles/globals.scss b/styles/globals.scss
index 30513261..a0667da3 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -1103,4 +1103,17 @@ div[contenteditable]:focus,
 .react-datepicker__quarter-text--in-range,
 .react-datepicker__year-text--in-range) {
   background-color: var(--bs-info) !important;
+}
+
+.react-datepicker__close-icon {
+  padding: 0rem 0.75rem !important;
+  align-items: center !important;
+  height: calc(100% - 3px) !important;
+
+  &::after {
+    content: "×" !important;
+    color: var(--theme-grey) !important;
+    font-size: 20px !important;
+    background: none !important;
+  }
 }
\ No newline at end of file