diff --git a/hdyc-svelte/src/app.css b/hdyc-svelte/src/app.css
index daf821a..953c7e1 100644
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -705,7 +705,7 @@ a:focus-visible {
   bottom: var(--calc-tooltip-bottom, calc(100% + 0.4rem));
   top: var(--calc-tooltip-top, auto);
   left: var(--calc-tooltip-left, 50%);
-  background: var(--section-bg);
+  background: color-mix(in srgb, var(--bg-elevated) 92%, black 8%);
   color: var(--text);
   border: 1px solid var(--border);
   border-radius: 6px;