diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 11f2444f8..b285186f3 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -151,7 +151,7 @@ export default function Chat({ flow, reactFlowInstance }: ChatType) {
 								/>
 								Chat
 							</div>
-							<button className="hover:text-blue-500"
+							<button className="hover:text-blue-500 dark:text-white"
 								onClick={(e) => {
 									e.stopPropagation()
 									clearChat();