diff --git a/client/src/components/assistant-ui/thread.tsx b/client/src/components/assistant-ui/thread.tsx
index fccf5c658a8..ea8c0046933 100644
--- a/client/src/components/assistant-ui/thread.tsx
+++ b/client/src/components/assistant-ui/thread.tsx
@@ -40,7 +40,7 @@ export const Thread: FC = () => {
     <LazyMotion features={domAnimation}>
       <MotionConfig reducedMotion="user">
         <ThreadPrimitive.Root
-          className="aui-root aui-thread-root @container flex h-full flex-col bg-background"
+          className="aui-root aui-thread-root @container flex h-full flex-col"
           style={{
             ["--thread-max-width" as string]: "44rem",
           }}
@@ -172,7 +172,7 @@ const ThreadSuggestions: FC = () => {
 
 const Composer: FC = () => {
   return (
-    <div className="aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4 md:pb-6">
+    <div className="aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible rounded-t-3xl pb-4 md:pb-6">
       <ThreadScrollToBottom />
       <ComposerPrimitive.Root className="aui-composer-root relative flex w-full flex-col rounded-3xl border border-border bg-muted px-1 pt-2 shadow-[0_9px_9px_0px_rgba(0,0,0,0.01),0_2px_5px_0px_rgba(0,0,0,0.06)] dark:border-muted-foreground/15">
         <ComposerAttachments />
diff --git a/client/src/pages/platform/workflow-editor/components/workflow-test-chat/WorkflowTestChatPanel.tsx b/client/src/pages/platform/workflow-editor/components/workflow-test-chat/WorkflowTestChatPanel.tsx
index 01f762f469e..8a026e4cefd 100644
--- a/client/src/pages/platform/workflow-editor/components/workflow-test-chat/WorkflowTestChatPanel.tsx
+++ b/client/src/pages/platform/workflow-editor/components/workflow-test-chat/WorkflowTestChatPanel.tsx
@@ -27,7 +27,7 @@ const WorkflowTestChatPanel = () => {
     }
 
     return (
-        <div className="absolute inset-y-4 bottom-6 right-[69px] top-2 z-10 w-screen max-w-workflow-node-details-panel-width overflow-hidden rounded-l border border-stroke-neutral-secondary bg-background">
+        <div className="absolute inset-y-4 bottom-6 right-[69px] top-2 z-10 w-screen max-w-workflow-node-details-panel-width overflow-hidden rounded-md rounded-l border border-stroke-neutral-secondary bg-background">
             <div className="flex h-full flex-col divide-y divide-gray-100 bg-surface-main">
                 <header className="flex items-center p-4 text-lg font-medium">
                     <span>Playground</span>