From c5461f3134b83e38630d3e5e0e42fcac94333747 Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Sat, 15 Jan 2022 17:31:57 +0100
Subject: [PATCH] fix(messagebox): fixed padding

---
 src/components/common/messaging/MessageBox.tsx      | 13 +++++++++++--
 .../common/messaging/bars/MessageOverlayBar.tsx     |  3 ---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/common/messaging/MessageBox.tsx b/src/components/common/messaging/MessageBox.tsx
index 8450c227..bcf22db7 100644
--- a/src/components/common/messaging/MessageBox.tsx
+++ b/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
diff --git a/src/components/common/messaging/bars/MessageOverlayBar.tsx b/src/components/common/messaging/bars/MessageOverlayBar.tsx
index 27d27412..da58cf49 100644
--- a/src/components/common/messaging/bars/MessageOverlayBar.tsx
+++ b/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);