diff --git a/src/components/Message/QuotedMessage.tsx b/src/components/Message/QuotedMessage.tsx
index 22c680355d..96676a5420 100644
--- a/src/components/Message/QuotedMessage.tsx
+++ b/src/components/Message/QuotedMessage.tsx
@@ -78,7 +78,7 @@ export const QuotedMessage = <
                 className='str-chat__quoted-message-bubble__text'
                 data-testid='quoted-message-text'
               >
-                {quotedMessageText}
+                <p className='str-chat__quoted-message-text-value'>{quotedMessageText}</p>
               </div>
             </>
           )}
diff --git a/src/components/Message/__tests__/QuotedMessage.test.js b/src/components/Message/__tests__/QuotedMessage.test.js
index e41aa9f906..69258407c7 100644
--- a/src/components/Message/__tests__/QuotedMessage.test.js
+++ b/src/components/Message/__tests__/QuotedMessage.test.js
@@ -129,7 +129,7 @@ describe('QuotedMessage', () => {
       customProps: { message },
     });
     expect(queryByTestId(quotedAttachmentListTestId)).toBeInTheDocument();
-    expect(queryByTestId(quotedMessageTextTestId)).toBeEmptyDOMElement();
+    expect(queryByTestId(quotedMessageTextTestId)).toHaveTextContent('');
     const results = await axe(container);
     expect(results).toHaveNoViolations();
   });
diff --git a/src/components/MessageInput/QuotedMessagePreview.tsx b/src/components/MessageInput/QuotedMessagePreview.tsx
index 6f45849fb9..b395d25437 100644
--- a/src/components/MessageInput/QuotedMessagePreview.tsx
+++ b/src/components/MessageInput/QuotedMessagePreview.tsx
@@ -86,7 +86,7 @@ export const QuotedMessagePreview = <
               <Attachment attachments={quotedMessageAttachment} isQuoted />
             )}
             <div className='str-chat__quoted-message-text' data-testid='quoted-message-text'>
-              <p>{quotedMessageText}</p>
+              <p className='str-chat__quoted-message-text-value'>{quotedMessageText}</p>
             </div>
           </>
         )}