diff --git a/core/themes/seven/css/components/jquery.ui/theme.css b/core/themes/seven/css/components/jquery.ui/theme.css
index 4bde181..6821b2c 100644
--- a/core/themes/seven/css/components/jquery.ui/theme.css
+++ b/core/themes/seven/css/components/jquery.ui/theme.css
@@ -23,15 +23,15 @@
 .ui-state-active {
   outline: 0;
 }
-.ui-state-active {
+.ui-state-highlight {
   font-weight: bold;
 }
 
 /**
  * Interaction cues
  */
-.ui-state-highlight,
-.ui-widget-content .ui-state-highlight {
+.ui-state-active,
+.ui-widget-content .ui-state-active {
   color: #840;
   background: #fe6;
   border: solid 1px #ed5;
@@ -75,10 +75,10 @@
 }
 .ui-state-hover .ui-icon,
 .ui-state-focus .ui-icon,
-.ui-state-active .ui-icon {
+.ui-state-highlight .ui-icon {
   background-image: url(../../../images/ui-icons-454545-256x240.png);
 }
-.ui-state-highlight .ui-icon {
+.ui-state-active .ui-icon {
   background-image: url(../../../images/ui-icons-800000-256x240.png);
 }
 .ui-state-error .ui-icon,
@@ -411,11 +411,11 @@
 .ui-datepicker td a.ui-state-hover {
   background-color: #f7fcff;
 }
-.ui-datepicker .ui-state-highlight {
+.ui-datepicker .ui-state-active {
   background: #ebeae4;
   border: none;
 }
-.ui-datepicker .ui-state-active {
+.ui-datepicker .ui-state-highlight {
   font-weight: bold;
   /* Override datepicker.css */
   color: inherit;