diff --git a/frontend/src/components/shared/file-manager/use-file-manager-dnd.ts b/frontend/src/components/shared/file-manager/use-file-manager-dnd.ts
index cc7fbe12..f5e13d4b 100644
--- a/frontend/src/components/shared/file-manager/use-file-manager-dnd.ts
+++ b/frontend/src/components/shared/file-manager/use-file-manager-dnd.ts
@@ -290,8 +290,8 @@ export function useFileManagerDnd({
                     'top: -1000px',
                     'left: -1000px',
                     'padding: 6px 12px',
-                    'background: hsl(var(--primary))',
-                    'color: hsl(var(--primary-foreground))',
+                    'background: var(--primary)',
+                    'color: var(--primary-foreground)',
                     'border-radius: 6px',
                     'font: 500 13px system-ui, -apple-system, "Segoe UI", sans-serif',
                     'white-space: nowrap',