diff --git a/src/components/NcDateTimePicker/index.scss b/src/components/NcDateTimePicker/index.scss
index b2e82008c9..a1ca85ecaa 100644
--- a/src/components/NcDateTimePicker/index.scss
+++ b/src/components/NcDateTimePicker/index.scss
@@ -413,11 +413,16 @@
 
 		.mx-time-option,
 		.mx-time-item {
-			&.active,
-			&:hover {
+			&.active {
+				background-color: var(--color-primary-element);
 				color: var(--color-primary-element-text);
 			}
 
+			&:hover {
+				background-color: var(--color-background-hover);
+				color: var(--color-main-text);
+			}
+
 			&.disabled {
 				cursor: not-allowed;
 				opacity: $opacity_disabled;