diff --git a/src/lib/components/Actions.svelte b/src/lib/components/Actions.svelte
index 578c98c4..d0f50739 100644
--- a/src/lib/components/Actions.svelte
+++ b/src/lib/components/Actions.svelte
@@ -45,6 +45,8 @@
       svg = getSvgElement();
     }
 
+    svg.style.backgroundColor = `hsl(${window.getComputedStyle(document.body).getPropertyValue('--background')})`;
+
     const svgString = svg.outerHTML
       .replaceAll('<br>', '<br/>')
       .replaceAll(/<img([^>]*)>/g, (m, g: string) => `<img ${g} />`);