diff --git a/src/app/pages/agenda/agenda.page.scss b/src/app/pages/agenda/agenda.page.scss
index 18128e13d..74a82d83d 100644
--- a/src/app/pages/agenda/agenda.page.scss
+++ b/src/app/pages/agenda/agenda.page.scss
@@ -436,10 +436,10 @@ td.monthview-primary-with-event {
         font-weight: normal;
       }
       li.active{
-        background-color: var(--mat-selected);
+        background-color: var(--mat-selected) !important;
         color: white;
       }
-      li:hover{
+      li:hover:not(.active){
         background-color: var(--mat-selected-hover);
 
       }
diff --git a/src/global.scss b/src/global.scss
index 9b9ecfed5..983721549 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -1012,7 +1012,7 @@ background: rgb(92, 92, 92);
 // }
 
 .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
-    background-color: #42b9fe36 !important;
+    background-color: var(--mat-selected-hover) !important;
 }
 
 .mat-form-field-underline.ng-tns-c193-6.ng-star-inserted, .mat-form-field-underline {
@@ -1282,3 +1282,8 @@ ngx-mat-datetime-content{
 .modal-background {
     background: #0000006b;
 }
+
+
+.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
+    background: var(--mat-selected-hover);
+}