diff --git a/hdyc-svelte/src/app.css b/hdyc-svelte/src/app.css
index 46a0407..9847714 100644
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -487,6 +487,9 @@ a:focus-visible {
 .palette-dot:focus-visible {
   outline: none;
 }
+.floating-palette-controls:not(:hover):not(:focus-within) .palette-dot:not(.active) {
+  display: none;
+}
 @media (max-width: 520px) {
   .floating-palette-controls {
     gap: 0.2rem;