diff --git a/cms/static/sass/_jquery-ui-calendar.scss b/cms/static/sass/_jquery-ui-calendar.scss
index 93738369fe..102272ac5a 100644
--- a/cms/static/sass/_jquery-ui-calendar.scss
+++ b/cms/static/sass/_jquery-ui-calendar.scss
@@ -1,4 +1,6 @@
 .ui-datepicker {
+  border-color: $darkGrey;
+  background: $lightGrey;
   font-family: $sans-serif;
   font-size: 12px;
 
@@ -21,4 +23,28 @@
       }
     }
   }
+
+  .ui-state-default {
+    border-color: $mediumGrey;
+    color: $blue;
+    @include transition(none);
+
+    &.ui-state-hover {
+      background: $orange;
+      border-color: $orange;
+      color: #fff;
+    }
+  }
+
+  .ui-state-highlight {
+    background: $blue;
+    border-color: $blue;
+    color: #fff;
+  }
+
+  .ui-state-active {
+    background: $orange;
+    border-color: $orange;
+    color: #fff;
+  }
 }
\ No newline at end of file
diff --git a/cms/static/sass/_variables.scss b/cms/static/sass/_variables.scss
index 5d1a9ebd46..fec65e4e11 100644
--- a/cms/static/sass/_variables.scss
+++ b/cms/static/sass/_variables.scss
@@ -14,6 +14,7 @@ $pink: rgb(182,37,104);
 $error-red: rgb(253, 87, 87);
 
 $blue: #5597dd;
+$orange: #edbd3c;
 $lightGrey: #edf1f5;
 $mediumGrey: #ced2db;
 $darkGrey: #8891a1;