diff --git a/src/components/message/style.js b/src/components/message/style.js
index d8b951b5fb..61bc3e8d7f 100644
--- a/src/components/message/style.js
+++ b/src/components/message/style.js
@@ -355,8 +355,14 @@ export const QuotedParagraph = Paragraph.withComponent('div').extend`
   margin: 4px 0;
   color: ${props => props.theme.text.alt};
 
-  code,
+  code {
+    color: ${props => props.theme.text.alt};
+  }
+  /* overrides Bubble component styles to fix #3098 */
   pre {
+    margin: 0;
+    width: 100%;
+    border: 1px solid ${props => hexa(props.theme.brand.border, 0.5)};
     color: ${props => props.theme.text.alt};
   }
 `;