chore: update UXs

src/routes/chat/ChannelChat/styled.js

@@ -103,11 +103,11 @@ export const StyledChannelChat = styled.article`
   > .wrapper {
     display: flex;
     flex-direction: column;
-    padding: 0 16px;
+    padding: 0;
     padding-bottom: 10px;
     height: calc(100vh - 56px);
     .chat {
-      padding: 18px 0;
+      padding: 18px 16px;
       height: 100%;
       height: -webkit-fill-available;
       overflow: auto;
@@ -145,5 +145,8 @@ export const StyledChannelChat = styled.article`
         flex-direction: column-reverse; */
       }
     }
+    > .send {
+      margin: 0 16px;
+    }
   }
 `;

src/routes/chat/DMChat/styled.js

@@ -47,13 +47,16 @@ export const StyledDMChat = styled.article`
   display: flex;
   flex-direction: column;
   width: 100%;
-  padding: 0 16px;
+  padding: 0;
   padding-bottom: 10px;
   height: calc(100vh - 56px);
   > .chat {
-    padding: 18px 0;
+    padding: 18px 16px;
     height: 100%;
     height: -webkit-fill-available;
     overflow: auto;
   }
+  > .send {
+    margin: 0 16px;
+  }
 `;