From d3b78ebc48c4667f51df052e17baebb5ff6eb3d1 Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Tue, 28 Dec 2021 21:42:09 +0100
Subject: [PATCH] fix(messagebox): fixed padding on action button

---
 src/components/common/messaging/MessageBox.tsx | 14 +++++++++-----
 src/styles/_variables.scss                     |  2 +-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/common/messaging/MessageBox.tsx b/src/components/common/messaging/MessageBox.tsx
index e03e3b45..736c237b 100644
--- a/src/components/common/messaging/MessageBox.tsx
+++ b/src/components/common/messaging/MessageBox.tsx
@@ -80,7 +80,7 @@ const Blocked = styled.div`
     color: var(--tertiary-foreground);
 
     .text {
-        padding: 14px 14px 14px 0;
+        padding: 14px;
     }
 
     svg {
@@ -89,13 +89,17 @@ const Blocked = styled.div`
 `;
 
 const Action = styled.div`
-    display: flex;
-    place-items: center;
+    /*display: flex;
+    align-items: center;
+    justify-content: center;*/
 
     > div {
         height: 48px;
-        width: 48px;
-        padding: 12px;
+        width: 34px;
+        display: flex;
+        align-items: center;
+        justify-content: end;
+        /*padding: 14px 0 14px 14px;*/
     }
 
     ${() =>
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 62b7a03a..7bf369bf 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -30,7 +30,7 @@
     --input-border-width: 2px;
     --textarea-padding: 16px;
     --textarea-line-height: 20px;
-    --message-box-padding: 14px 14px 14px 0;
+    --message-box-padding: 14px;
 
     --attachment-max-width: 480px;
     --attachment-max-height: 640px;