diff --git a/src/styles/components/date-time-picker-schedule.scss b/src/styles/components/date-time-picker-schedule.scss
index e5b44a6654f..50d0385c1dc 100644
--- a/src/styles/components/date-time-picker-schedule.scss
+++ b/src/styles/components/date-time-picker-schedule.scss
@@ -738,8 +738,7 @@ $owl-missing: $owl-light-selected-bg !default;
     color: $owl-dark-text-color-strong;
   }
 
-  &.isActive {
-    border-color: $c-primary;
+  &:hover {
     outline: none;
     background: $owl-light-selected-bg;
     opacity: 1;
@@ -749,7 +748,8 @@ $owl-missing: $owl-light-selected-bg !default;
     }
   }
 
-  &:hover {
+  &:focus {
+    border-color: $c-primary !important;
     outline: none;
     background: $owl-light-selected-bg;
     opacity: 1;
@@ -758,6 +758,16 @@ $owl-missing: $owl-light-selected-bg !default;
       background: $owl-dark-light-selected-bg;
     }
   }
+
+  &.isActive {
+    background: $c-primary !important;
+    color: $c-contrast;
+    outline: none;
+    border-color: $owl-light-selected-bg;
+    @include darkTheme(true) {
+      border-color: $owl-dark-light-selected-bg;
+    }
+  }
 }
 
 $ico-size: 24px;