diff --git a/core/themes/seven/css/components/jquery.ui/theme.css b/core/themes/seven/css/components/jquery.ui/theme.css
index 12d36ed..2a8438a 100644
--- a/core/themes/seven/css/components/jquery.ui/theme.css
+++ b/core/themes/seven/css/components/jquery.ui/theme.css
@@ -371,15 +371,42 @@
  * Date Picker
  */
 .ui-datepicker {
-  border: none;
+  border: 1px solid #A6A6A6;
+  background: #FFF;
+  /* Override datepicker.css */
+  padding: 0;
+}
+
+/* Override tables.css */
+.ui-datepicker-calendar thead tr {
+  border-bottom: 1px solid #A6A6A6;
+  border-top: 1px solid #A6A6A6;
+}
+.ui-datepicker-calendar tr:hover {
+  background: transparent;
+}
+
+/* Override datepicker.css */
+.ui-datepicker td {
+  padding: 0;
 }
-.ui-datepicker td span, .ui-datepicker td a {
+.ui-datepicker td span,
+.ui-datepicker td a {
+  color: inherit;
+  /* Override datepicker.css */
   text-align: center;
 }
+.ui-datepicker td a.ui-state-hover {
+  background-color: #f7fcff;
+}
 .ui-datepicker .ui-state-highlight {
-  background: #E4E4E4;
-  border-color: #D2D2D2;
-  color: #000;
+  background: #ebeae4;
+  border: none;
+}
+.ui-datepicker .ui-state-active {
+  font-weight: bold;
+  /* Override datepicker.css */
+  color: inherit;
 }
 
 /**