diff --git a/app/client/web/src/conversation/Conversation.tsx b/app/client/web/src/conversation/Conversation.tsx
index 9f3f8b6d..10d27e12 100644
--- a/app/client/web/src/conversation/Conversation.tsx
+++ b/app/client/web/src/conversation/Conversation.tsx
@@ -36,6 +36,7 @@ export function Conversation() {
   const attachAudio = useRef({ click: ()=>{} } as HTMLInputElement);
   const attachBinary = useRef({ click: ()=>{} } as HTMLInputElement);
   const { width, height, ref } = useResizeDetector();
+  const input = useRef();
 
   const addImage = (image: File | undefined) => {
     if (image) {
@@ -117,6 +118,10 @@ export function Conversation() {
     }
   }
 
+  useEffect(() => {
+    input.current.focus();
+  }, [sending]);
+
   const topics = state.topics.map((topic, idx) => {
     const { host } = state;
     const card = state.cards.get(topic.guid) || null;
@@ -216,7 +221,7 @@ export function Conversation() {
           <div className={classes.files}>
             { media }
           </div>
-          <Textarea className={classes.message} placeholder={state.strings.newMessage} styles={{ input: {color: state.textColorSet ? state.textColor : undefined, fontSize: state.textSizeSet ? state.textSize : undefined }}} value={state.message} onChange={(event) => actions.setMessage(event.currentTarget.value)} disabled={!state.detail || state.detail.locked || sending} onKeyDown={(e) => { keyDown(e.key, e.shiftKey)}} />
+          <Textarea ref={input} className={classes.message} placeholder={state.strings.newMessage} styles={{ input: {color: state.textColorSet ? state.textColor : undefined, fontSize: state.textSizeSet ? state.textSize : undefined }}} value={state.message} onChange={(event) => actions.setMessage(event.currentTarget.value)} disabled={!state.detail || state.detail.locked || sending} onKeyDown={(e) => { keyDown(e.key, e.shiftKey)}} />
           <div className={classes.controls}>
             { state.detail?.enableImage && (
               <ActionIcon className={classes.attach} variant="light" disabled={!state.detail || state.detail.locked || sending} onClick={() => attachImage.current.click()}> 
diff --git a/app/client/web/src/message/Message.module.css b/app/client/web/src/message/Message.module.css
index 7e79fd12..625a8a5a 100644
--- a/app/client/web/src/message/Message.module.css
+++ b/app/client/web/src/message/Message.module.css
@@ -91,6 +91,11 @@
       padding-right: 8px;
       min-width: 0;
 
+      .padding {
+        padding-top: 8px;
+        padding-bottom: 4px;
+      }
+
       .text {
         word-wrap:break-word;
         white-space: pre-wrap;
diff --git a/app/client/web/src/message/Message.tsx b/app/client/web/src/message/Message.tsx
index bd4393ea..92705266 100644
--- a/app/client/web/src/message/Message.tsx
+++ b/app/client/web/src/message/Message.tsx
@@ -119,7 +119,9 @@ export function Message({ topic, card, profile, host }: { topic: Topic, card: Ca
           </div>
           { !locked && status === 'confirmed' && text && (
             <div style={textStyle}>
-              <span className={classes.text}>{ message }</span>
+              <div className={classes.padding}>
+                <span className={classes.text}>{ message }</span> 
+              </div>
             </div>
           )}
           { !locked && status !== 'confirmed' && (
diff --git a/app/client/web/src/message/audioAsset/AudioAsset.module.css b/app/client/web/src/message/audioAsset/AudioAsset.module.css
index 574e7fd4..29978a5d 100644
--- a/app/client/web/src/message/audioAsset/AudioAsset.module.css
+++ b/app/client/web/src/message/audioAsset/AudioAsset.module.css
@@ -10,7 +10,7 @@
     top: 0;
     width: 100%;
     text-align: center;
-    font-size: 12px;
+    font-size: 14px;
   }
 
   .play {