diff --git a/pkg/interface/src/views/apps/chat/components/lib/ChatInput.tsx b/pkg/interface/src/views/apps/chat/components/lib/ChatInput.tsx
index 6b253e890..73e170fe5 100644
--- a/pkg/interface/src/views/apps/chat/components/lib/ChatInput.tsx
+++ b/pkg/interface/src/views/apps/chat/components/lib/ChatInput.tsx
@@ -49,7 +49,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
 
     this.submit = this.submit.bind(this);
     this.toggleCode = this.toggleCode.bind(this);
-    
+
   }
 
   toggleCode() {
@@ -81,7 +81,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
     }
   }
 
-  
+
 
   submit(text) {
     const { props, state } = this;
@@ -133,7 +133,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
         { url }
       );
     }
-    
+
   }
 
   uploadError(error) {
@@ -205,7 +205,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
           onPaste={this.onPaste.bind(this)}
           placeholder='Message...'
         />
-        <div className="ml2 mr2"
+        <div className="ml2 mr2 flex-shrink-0"
              style={{
                 height: '16px',
                 width: '16px',
@@ -227,7 +227,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
             />
           </S3Upload>
         </div>
-        <div className="mr2" style={{
+        <div className="mr2 flex-shrink-0" style={{
             height: '16px',
             width: '16px',
             flexBasis: 16,
diff --git a/pkg/interface/src/views/apps/chat/components/lib/chat-editor.js b/pkg/interface/src/views/apps/chat/components/lib/chat-editor.js
index 31d6cab88..9cdada4d8 100644
--- a/pkg/interface/src/views/apps/chat/components/lib/chat-editor.js
+++ b/pkg/interface/src/views/apps/chat/components/lib/chat-editor.js
@@ -136,7 +136,7 @@ export default class ChatEditor extends Component {
           'chat fr h-100 flex bg-gray0-d lh-copy w-100 items-center ' +
           (inCodeMode ? ' code' : '')
         }
-        style={{ flexGrow: 1, paddingBottom: '3px', maxHeight: '224px', width: 'calc(100% - 72px)' }}>
+        style={{ flexGrow: 1, paddingBottom: '3px', maxHeight: '224px', width: 'calc(100% - 88px)' }}>
         <CodeEditor
           value={message}
           options={options}
diff --git a/pkg/interface/src/views/apps/chat/css/custom.css b/pkg/interface/src/views/apps/chat/css/custom.css
index af5e573d7..07fb7583d 100644
--- a/pkg/interface/src/views/apps/chat/css/custom.css
+++ b/pkg/interface/src/views/apps/chat/css/custom.css
@@ -380,7 +380,8 @@ pre.CodeMirror-placeholder.CodeMirror-line-like { color: var(--gray); }
   .chat .cm-s-tlon.CodeMirror {
     background: #333;
     color: #fff;
-    font-size: 12px;
+    font-size: 16px;
+    margin-top: 6px;
   }
 
   .chat .cm-s-tlon span.cm-def {