From 167f6d4aff236aad1f62eb62600a3f2fdfa83729 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sat, 11 Apr 2026 11:42:13 +0800
Subject: [PATCH] fix: show canvas brand capsule background

---
 app/canvas/[id]/page.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/canvas/[id]/page.tsx b/app/canvas/[id]/page.tsx
index 5ba73fe0f..6ce47b7cd 100644
--- a/app/canvas/[id]/page.tsx
+++ b/app/canvas/[id]/page.tsx
@@ -7790,9 +7790,12 @@ export default function CanvasEditorPage({ params }: PageProps) {
   }
 
   const brandEntry = (
-    <div className="absolute top-4 left-4 z-20">
+    <div
+      className="absolute top-4 left-4 z-20 rounded-full px-1 py-1 shadow-[0_10px_26px_rgba(15,23,42,0.10)]"
+      style={{ backgroundColor: "var(--background)" }}
+    >
       <Button
-        className="h-10 gap-2 rounded-full border-0 bg-background px-3 shadow-none hover:bg-background hover:text-foreground"
+        className="h-9 gap-2 rounded-full border-0 bg-transparent px-2.5 shadow-none hover:bg-transparent hover:text-foreground"
         onClick={goHome}
         variant="ghost"
       >