diff --git a/components/AIReplySection.js b/components/AIReplySection.js
index fdbd6dee..a851e027 100644
--- a/components/AIReplySection.js
+++ b/components/AIReplySection.js
@@ -11,7 +11,7 @@ function AIReplySection({ defaultExpand = false, aiReplyText = '' }) {
   const [expand, setExpand] = useState(defaultExpand);
 
   return (
-    <Card>
+    <Card style={{ background: '#fafafa' }}>
       <CardHeader
         style={{
           display: 'flex',