diff --git a/patterns/vsf-card-listen-fundamentalanalyse-drawer.html b/patterns/vsf-card-listen-fundamentalanalyse-drawer.html
index 3951f10..18d0793 100644
--- a/patterns/vsf-card-listen-fundamentalanalyse-drawer.html
+++ b/patterns/vsf-card-listen-fundamentalanalyse-drawer.html
@@ -474,7 +474,17 @@
         }
 
         const clampedRect = panel.getBoundingClientRect();
-        const safeInset = 8;
+        const rootStyles = getComputedStyle(document.documentElement);
+        const spacingSmallRaw = rootStyles.getPropertyValue('--spacing-small').trim();
+        const rootFontSize = parseFloat(rootStyles.fontSize) || 16;
+        const spacingSmallValue = parseFloat(spacingSmallRaw);
+        const safeInset = Number.isNaN(spacingSmallValue)
+          ? 0
+          : (
+            spacingSmallRaw.endsWith('rem')
+              ? spacingSmallValue * rootFontSize
+              : spacingSmallValue
+          );
         let shiftX = 0;
 
         if (clampedRect.right > (viewportWidth - safeInset)) {