From ebec36c75618cdca3d0522ffd80587986ab0b28a Mon Sep 17 00:00:00 2001
From: spencrmartin <spencermartin@squareup.com>
Date: Wed, 19 Nov 2025 12:43:36 -0500
Subject: [PATCH] Remove background from floating sidecar to match chat
 background

- Remove bg-background-default from floating sidecar container
- Let sidecar content inherit the same background as chat area
- Maintain shadow, border, and rounded corners for floating appearance
- Ensure visual consistency with chat interface background
---
 ui/desktop/src/components/Layout/ResizableSplitter.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/desktop/src/components/Layout/ResizableSplitter.tsx b/ui/desktop/src/components/Layout/ResizableSplitter.tsx
index 4b88060215..d5e640e5df 100644
--- a/ui/desktop/src/components/Layout/ResizableSplitter.tsx
+++ b/ui/desktop/src/components/Layout/ResizableSplitter.tsx
@@ -116,7 +116,7 @@ export const ResizableSplitter: React.FC<ResizableSplitterProps> = ({
       >
         {floatingRight ? (
           <div className="absolute inset-0 p-4">
-            <div className="h-full w-full bg-background-default rounded-lg shadow-2xl drop-shadow-2xl border border-border-subtle overflow-hidden">
+            <div className="h-full w-full rounded-lg shadow-2xl drop-shadow-2xl border border-border-subtle overflow-hidden">
               {rightContent}
             </div>
           </div>