From 5761ea15f47f33687e9127fa4fdf14ce052c96b7 Mon Sep 17 00:00:00 2001
From: Florian Glombik <florian.glombik@selectcode.de>
Date: Tue, 24 Oct 2023 22:43:16 +0200
Subject: [PATCH] Adding CSS that resolves the problem

---
 src/main/webapp/content/scss/themes/theme-dark.scss    | 8 ++++++++
 src/main/webapp/content/scss/themes/theme-default.scss | 8 ++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/main/webapp/content/scss/themes/theme-dark.scss b/src/main/webapp/content/scss/themes/theme-dark.scss
index b9866c4c2262..9d7b5bd656a5 100644
--- a/src/main/webapp/content/scss/themes/theme-dark.scss
+++ b/src/main/webapp/content/scss/themes/theme-dark.scss
@@ -27,6 +27,14 @@ html {
     .mat-mdc-menu-trigger.mat-mdc-button:hover {
         background-color: $neutral-dark-l-5;
     }
+
+    .mat-mdc-option.mdc-list-item {
+        background-color: $neutral-dark-l-5;
+
+        &:hover {
+            background-color: $neutral-dark-l-10;
+        }
+    }
 }
 
 @import '../global';
diff --git a/src/main/webapp/content/scss/themes/theme-default.scss b/src/main/webapp/content/scss/themes/theme-default.scss
index dc7de7b2fd64..87f068df96fa 100644
--- a/src/main/webapp/content/scss/themes/theme-default.scss
+++ b/src/main/webapp/content/scss/themes/theme-default.scss
@@ -27,6 +27,14 @@ html {
     .mat-mdc-menu-trigger.mat-mdc-button:hover {
         background-color: $gray-200;
     }
+
+    .mat-mdc-option.mdc-list-item {
+        background-color: $gray-100;
+
+        &:hover {
+            background-color: $white;
+        }
+    }
 }
 
 @import '../global';