diff --git a/core/themes/seven/css/components/jquery.ui/theme.css b/core/themes/seven/css/components/jquery.ui/theme.css
index 9392da9..2a8438a 100644
--- a/core/themes/seven/css/components/jquery.ui/theme.css
+++ b/core/themes/seven/css/components/jquery.ui/theme.css
@@ -371,35 +371,42 @@
  * Date Picker
  */
 .ui-datepicker {
-  border: none;
-}
-.ui-datepicker .ui-datepicker-header {
-  border-bottom: 1px solid black;
-  background: white;
+  border: 1px solid #A6A6A6;
+  background: #FFF;
+  /* Override datepicker.css */
+  padding: 0;
 }
-.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
-  left: 2px;
-  top: 2px;
-  cursor: pointer;
+
+/* Override tables.css */
+.ui-datepicker-calendar thead tr {
+  border-bottom: 1px solid #A6A6A6;
+  border-top: 1px solid #A6A6A6;
 }
-.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
-  right: 2px;
-  top: 2px;
-  cursor: pointer;
+.ui-datepicker-calendar tr:hover {
+  background: transparent;
 }
-.ui-datepicker table {
-  background: white;
+
+/* 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 {
-  color: red;
+  font-weight: bold;
+  /* Override datepicker.css */
+  color: inherit;
 }
 
 /**