From 8458b40e3411d68c8ca22665ab76e9ec9060a907 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde@tlon.io>
Date: Fri, 30 Oct 2020 16:04:45 -0400
Subject: [PATCH] chat: code blocks are rounded, levelled padding

---
 pkg/interface/src/views/apps/chat/components/content/code.js | 2 ++
 pkg/interface/src/views/apps/chat/components/content/text.js | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/pkg/interface/src/views/apps/chat/components/content/code.js b/pkg/interface/src/views/apps/chat/components/content/code.js
index 29589f02e..356c5c778 100644
--- a/pkg/interface/src/views/apps/chat/components/content/code.js
+++ b/pkg/interface/src/views/apps/chat/components/content/code.js
@@ -15,6 +15,7 @@ export default class CodeContent extends Component {
           mono
           p='1'
           my='0'
+          borderRadius='1'
           fontSize='14px'
           overflow='auto'
           maxHeight='10em'
@@ -33,6 +34,7 @@ export default class CodeContent extends Component {
           mono
           my='0'
           p='1'
+          borderRadius='1'
           fontSize='14px'
           overflow='auto'
           maxHeight='10em'
diff --git a/pkg/interface/src/views/apps/chat/components/content/text.js b/pkg/interface/src/views/apps/chat/components/content/text.js
index be66a6177..03a5034f7 100644
--- a/pkg/interface/src/views/apps/chat/components/content/text.js
+++ b/pkg/interface/src/views/apps/chat/components/content/text.js
@@ -30,10 +30,11 @@ const renderers = {
   },
   code: ({language, value}) => {
     return <Text
-              py='1'
+              p='1'
               className='clamp-message'
               fontSize='14px'
               display='block'
+              borderRadius='1'
               mono
               backgroundColor='washedGray'
               overflowX='scroll'