fix(messagebox): fixed padding

src/components/common/messaging/MessageBox.tsx

@@ -109,6 +109,15 @@ const Action = styled.div`
         `}
 `;
 
+const FileAction = styled.div`
+    > div {
+        height: 48px;
+        width: 62px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+`;
+
 // For sed replacement
 const RE_SED = new RegExp("^s/([^])*/([^])*$");
 
@@ -458,7 +467,7 @@ export default observer(({ channel }: Props) => {
             />
             <Base>
                 {channel.permission & ChannelPermission.UploadFiles ? (
-                    <Action>
+                    <FileAction>
                         <FileUploader
                             size={24}
                             behaviour="multi"
@@ -493,7 +502,7 @@ export default observer(({ channel }: Props) => {
                                 }
                             }}
                         />
-                    </Action>
+                    </FileAction>
                 ) : undefined}
                 <TextAreaAutoSize
                     autoFocus

src/components/common/messaging/bars/MessageOverlayBar.tsx

@@ -40,13 +40,10 @@ const OverlayBar = styled.div`
     align-self: end;
     align-content: center;
     justify-content: center;
-
     right: 0;
     top: -18px;
     z-index: 0;
-    //overflow: hidden;
     transition: box-shadow 0.1s ease-out;
-
     border-radius: 5px;
     background: var(--primary-header);
     border: 1px solid var(--background);