diff --git a/dashboard/src/components/app/Eventlog.vue b/dashboard/src/components/app/Eventlog.vue
index 2f87ee821..7afba76b8 100644
--- a/dashboard/src/components/app/Eventlog.vue
+++ b/dashboard/src/components/app/Eventlog.vue
@@ -82,10 +82,6 @@ onMounted(async () => {
   background-color: var(--pankow-color-background-hover);
 }
 
-.eventlog-table tbody tr.active {
-  font-weight: bold;
-}
-
 .eventlog-table th,
 .eventlog-table td {
   padding: 10px 6px;
@@ -99,7 +95,7 @@ onMounted(async () => {
 }
 
 .eventlog-details {
-  background-color: var(--pankow-color-background-hover);
+  background-color: color-mix(in oklab, var(--pankow-color-background-hover), black 5%);
   cursor: auto;
   position: relative;
 }
diff --git a/dashboard/src/views/EventlogView.vue b/dashboard/src/views/EventlogView.vue
index 45e67748a..95ac00317 100644
--- a/dashboard/src/views/EventlogView.vue
+++ b/dashboard/src/views/EventlogView.vue
@@ -228,10 +228,6 @@ onUnmounted(() => {
   background-color: var(--pankow-color-background-hover);
 }
 
-.eventlog-table tbody tr.active {
-  font-weight: bold;
-}
-
 .eventlog-table th,
 .eventlog-table td {
   padding: 6px;
@@ -245,7 +241,7 @@ onUnmounted(() => {
 }
 
 .eventlog-details {
-  background-color: var(--pankow-color-background-hover);
+  background-color: color-mix(in oklab, var(--pankow-color-background-hover), black 5%);
   cursor: auto;
   position: relative;
 }