From d3b5e34c2db49a910556225c6ff55fb262caf244 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde@tlon.io>
Date: Tue, 18 Aug 2020 17:20:15 -0400
Subject: [PATCH] chat: add monospace -> source code pro

---
 .../src/views/apps/chat/components/lib/content/code.js      | 6 +++---
 pkg/interface/src/views/apps/chat/css/custom.css            | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/pkg/interface/src/views/apps/chat/components/lib/content/code.js b/pkg/interface/src/views/apps/chat/components/lib/content/code.js
index 99ca099d8..3ff78e6dd 100644
--- a/pkg/interface/src/views/apps/chat/components/lib/content/code.js
+++ b/pkg/interface/src/views/apps/chat/components/lib/content/code.js
@@ -11,14 +11,14 @@ export default class CodeContent extends Component {
       (Boolean(content.code.output) &&
        content.code.output.length && content.code.output.length > 0) ?
       (
-        <pre className={`f7 clamp-attachment pa1 mt0 mb0 b--gray4 b--gray1-d bl br bb`}>
+        <pre className={`code f7 clamp-attachment pa1 mt0 mb0 b--gray4 b--gray1-d bl br bb`}>
           {content.code.output[0].join('\n')}
         </pre>
       ) : null;
-    
+
     return (
       <div className="mv2">
-        <pre className={`f7 clamp-attachment pa1 mt0 mb0 bg-light-gray b--gray4 b--gray1-d ba`}>
+        <pre className={`code f7 clamp-attachment pa1 mt0 mb0 bg-light-gray b--gray4 b--gray1-d ba`}>
           {content.code.expression}
         </pre>
         {outputElement}
diff --git a/pkg/interface/src/views/apps/chat/css/custom.css b/pkg/interface/src/views/apps/chat/css/custom.css
index f6c9e5ac7..08506e143 100644
--- a/pkg/interface/src/views/apps/chat/css/custom.css
+++ b/pkg/interface/src/views/apps/chat/css/custom.css
@@ -256,7 +256,7 @@ blockquote {
     font-family: 'Inter';
 }
 
-.code, .chat.code .react-codemirror2 .CodeMirror * {
+code, .code, .chat.code .react-codemirror2 .CodeMirror * {
   font-family: 'Source Code Pro';
 }