diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessageWithExtraContent.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessageWithExtraContent.tsx
index e0d608d43..6f9243455 100644
--- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessageWithExtraContent.tsx
+++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessageWithExtraContent.tsx
@@ -320,7 +320,16 @@ Setting up cluster console...`;
         </CardHeader>
         <CardExpandableContent>
           <CardBody>
-            <hr className="pf-v6-u-mb-md" />
+            <hr
+              style={
+                {
+                  border: 'none',
+                  height: 'var(--pf-t--global--border--width--divider--default)',
+                  backgroundColor: 'var(--pf-t--global--border--color--control--read-only)'
+                } as React.CSSProperties
+              }
+              className="pf-v6-u-mb-md"
+            />
             <Accordion
               style={
                 {