Revert change.

src/components/common/messaging/MessageBox.tsx

@@ -68,11 +68,6 @@ const Base = styled.div`
         font-size: 0.875rem;
         background: transparent;
     }
-
-    .textarea {
-        flex-grow: 1;
-        padding: 12px 0;
-    }
 `;
 
 const Blocked = styled.div`
@@ -424,12 +419,11 @@ function MessageBox({ channel, draft }: Props) {
                         />
                     </Action>
                 ) : undefined}
-                <div class="textarea">
                 <TextAreaAutoSize
                     autoFocus
                     hideBorder
                     maxRows={20}
-                        padding={0}
+                    padding={12}
                     id="message"
                     value={draft ?? ""}
                     onKeyUp={onKeyUp}
@@ -481,7 +475,6 @@ function MessageBox({ channel, draft }: Props) {
                     onFocus={onFocus}
                     onBlur={onBlur}
                 />
-                </div>
                 {isTouchscreenDevice && (
                     <Action>
                         <IconButton onClick={send}>