diff --git a/src/main/webapp/resources/css/app.css b/src/main/webapp/resources/css/app.css
index 952c7e618..c9d438b1f 100644
--- a/src/main/webapp/resources/css/app.css
+++ b/src/main/webapp/resources/css/app.css
@@ -220,6 +220,16 @@ body .ui-menu {
   border: 1px solid #3b3e40;
 }
 
+/* [TO DO] find a way to not use !important */
+body .ui-datepicker .ui-datepicker-header {
+  padding: 0.5rem !important;
+}
+
+/* [TO DO] find a way to not use !important */
+body .ui-datepicker .ui-datepicker-calendar td {
+  padding: 0.01rem !important;
+}
+
 .ui-datepicker th {
   color: #e8e9ea !important;
 
@@ -329,4 +339,4 @@ button.ui-button.ui-state-default,
 
 iframe {
   border: none;
-}
+}
\ No newline at end of file