From 2861421901f4725bd0edaac1e78f0c695e7e7337 Mon Sep 17 00:00:00 2001
From: REDDY PRASAD <dev.drprasad@aim.com>
Date: Mon, 21 May 2018 23:15:50 +0530
Subject: [PATCH 1/2] :bug: Fix code block styling in quoted message

---
 src/components/message/style.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/message/style.js b/src/components/message/style.js
index d8b951b5fb..7c5fd62d13 100644
--- a/src/components/message/style.js
+++ b/src/components/message/style.js
@@ -355,8 +355,13 @@ export const QuotedParagraph = Paragraph.withComponent('div').extend`
   margin: 4px 0;
   color: ${props => props.theme.text.alt};
 
-  code,
+  code {
+    color: ${props => props.theme.text.alt};
+  }
   pre {
+    margin: 0;
+    width: 100%;
+    border: 1px solid ${props => hexa(props.theme.brand.border, 0.5)};
     color: ${props => props.theme.text.alt};
   }
 `;

From 9bd7d26ce2b37cc371ed9fc91aa5437b2a34df8b Mon Sep 17 00:00:00 2001
From: REDDY PRASAD <dev.drprasad@aim.com>
Date: Mon, 21 May 2018 23:32:15 +0530
Subject: [PATCH 2/2] :memo: Add comment about changes

---
 src/components/message/style.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/message/style.js b/src/components/message/style.js
index 7c5fd62d13..61bc3e8d7f 100644
--- a/src/components/message/style.js
+++ b/src/components/message/style.js
@@ -358,6 +358,7 @@ export const QuotedParagraph = Paragraph.withComponent('div').extend`
   code {
     color: ${props => props.theme.text.alt};
   }
+  /* overrides Bubble component styles to fix #3098 */
   pre {
     margin: 0;
     width: 100%;