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;