From c0cee67ced4634d624b2d4ad2639ed7a7df8f678 Mon Sep 17 00:00:00 2001
From: Gkrumbach07 <gkrumbach07@users.noreply.github.com>
Date: Wed, 28 Jan 2026 04:59:31 +0000
Subject: [PATCH] fix: make chat window use monospace font

Add font-mono class to chat message content div to display all
chat messages in a monospace system font. The input box styling
remains unchanged as requested.

Fixes: RHOAIENG-46361

Co-Authored-By: Claude (claude-sonnet-4-5) <noreply@anthropic.com>
---
 components/frontend/src/components/ui/message.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/frontend/src/components/ui/message.tsx b/components/frontend/src/components/ui/message.tsx
index 398858e87..366aba513 100644
--- a/components/frontend/src/components/ui/message.tsx
+++ b/components/frontend/src/components/ui/message.tsx
@@ -216,7 +216,7 @@ export const Message = React.forwardRef<HTMLDivElement, MessageProps>(
               !borderless && (isBot ? "bg-card" : "bg-border/30")
             )}>
               {/* Content */}
-              <div className={cn("text-sm text-foreground", !isBot && "py-2 px-4")}>
+              <div className={cn("text-sm text-foreground font-mono", !isBot && "py-2 px-4")}>
                 {isLoading ? (
                   <div>
                     <div className="text-sm text-muted-foreground mb-2">{content}</div>