diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f3933c8..6524c49 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -189,7 +189,7 @@ const canonical = Astro.url.toString();
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    background-color: var(--secondary);
+    background-color: color(from var(--secondary) srgb r g b / 67%);
     padding: 5px 7px;
     border-radius: 5px;