From 7af57b3e1dce5deff0e5bdf44d9350a8667fa1ba Mon Sep 17 00:00:00 2001
From: Jim Su <jimsu@protonmail.com>
Date: Sun, 31 Mar 2024 01:09:03 -0400
Subject: [PATCH] Make user messages blue (#428)

---
 frontend/src/components/ChatInterface.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/ChatInterface.tsx b/frontend/src/components/ChatInterface.tsx
index f2eceae0b1..959fc5a8b7 100644
--- a/frontend/src/components/ChatInterface.tsx
+++ b/frontend/src/components/ChatInterface.tsx
@@ -27,7 +27,9 @@ function MessageList(): JSX.Element {
               alt={`${msg.sender} avatar`}
               className="w-[40px] h-[40px] mx-2.5"
             />
-            <Card className="w-4/5">
+            <Card
+              className={`w-4/5 ${msg.sender === "user" ? "bg-primary" : ""}`}
+            >
               <CardBody>{msg.content}</CardBody>
             </Card>
           </div>