diff --git a/app/canvas/[id]/page.tsx b/app/canvas/[id]/page.tsx
index d5160b592..89b721953 100644
--- a/app/canvas/[id]/page.tsx
+++ b/app/canvas/[id]/page.tsx
@@ -721,7 +721,7 @@ export default function CanvasEditorPage({ params }: PageProps) {
           data-canvas-floating-toolbar="true"
         >
           <div
-            className="flex items-center gap-1 rounded-[24px] border bg-background px-2.5 py-1.5 shadow-2xl"
+            className="flex items-center gap-1 rounded-[24px] border bg-white px-2.5 py-1.5 shadow-2xl dark:bg-zinc-950"
             style={{ marginLeft: `${floatingToolbarOffset}px` }}
           >
             <Tooltip>