From b759d04eb6a789262ac8beb526fa1c9e4cca6ca4 Mon Sep 17 00:00:00 2001
From: "Noah (Pham Tran Khoi Nguyen)" <ptknguyen04@gmail.com>
Date: Mon, 2 Mar 2026 23:01:14 +0000
Subject: [PATCH] fix: match MultimodalInput background to artifact panel

The MultimodalInput wrapper in the artifact panel uses
bg-background dark:bg-muted, which is the inverse of the parent
panel's bg-muted dark:bg-background. Since the wrapper div has no
border-radius, it shows as a sharp-cornered rectangle behind the
form's rounded-xl corners in both light and dark mode.
---
 components/artifact.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/artifact.tsx b/components/artifact.tsx
index 5cde3b1864..de914358c2 100644
--- a/components/artifact.tsx
+++ b/components/artifact.tsx
@@ -337,7 +337,7 @@ function PureArtifact({
                   <MultimodalInput
                     attachments={attachments}
                     chatId={chatId}
-                    className="bg-background dark:bg-muted"
+                    className="bg-muted dark:bg-background"
                     input={input}
                     messages={messages}
                     selectedModelId={selectedModelId}