diff --git a/src/routes/events/+layout.svelte b/src/routes/events/+layout.svelte
index d6a46957..f35ab385 100644
--- a/src/routes/events/+layout.svelte
+++ b/src/routes/events/+layout.svelte
@@ -232,7 +232,7 @@ function clear_sess() {
 
                 rounded-b-lg border-b-2
                 border-primary-200 dark:border-primary-800
-                bg-primary-200/80 dark:bg-primary-800/80
+                bg-primary-200/10 dark:bg-primary-800/10
                 text-primary-900 dark:text-primary-100
                 backdrop-blur-sm
                 p-1 px-2
@@ -379,7 +379,7 @@ function clear_sess() {
 
         rounded-t-lg border-t-2
         border-primary-200 dark:border-primary-800
-        bg-primary-200/80 dark:bg-primary-800/80
+        bg-primary-200/10 dark:bg-primary-800/10
         text-primary-700 dark:text-primary-400
         backdrop-blur-sm
         p-1