set bg color class

apps/app/src/client/components/RagSearch/MessageCard.tsx

@@ -8,8 +8,11 @@ type Props = {
 export const MessageCard = (props: Props): JSX.Element => {
   const { children, right } = props;
 
+  const alignClass = right ? 'align-self-end bg-success-subtle' : 'align-self-start';
+  const bgClass = right ? 'bg-info-subtle' : '';
+
   return (
-    <div className={`card d-inline-flex ${right ? 'align-self-end' : 'align-self-start'}`} style={{ maxWidth: '75%' }}>
+    <div className={`card d-inline-flex ${alignClass} ${bgClass}`} style={{ maxWidth: '75%' }}>
       <div className="card-body">
         { children != null && children.length > 0 && (
           <ReactMarkdown>{children}</ReactMarkdown>