Chats: fix action button icons

app/soapbox/features/chats/components/chat_box.js

@@ -171,9 +171,8 @@ class ChatBox extends ImmutablePureComponent {
     return this.canSubmit() ? (
       <div className='chat-box__send'>
         <IconButton
-          icon='send'
+          src={require('@tabler/icons/icons/send.svg')}
           title={intl.formatMessage(messages.send)}
-          size={16}
           onClick={this.sendMessage}
         />
       </div>

app/styles/chats.scss

@@ -296,20 +296,22 @@
     position: relative;
 
     .icon-button {
-      color: var(--primary-text-color--faint);
+      color: var(--primary-text-color);
       position: absolute;
       right: 10px;
-      top: calc(50% - 13px);
+      top: 50%;
+      transform: translateY(-50%);
       width: auto;
       height: auto;
       background: transparent !important;
       border: 0;
       padding: 0;
       margin: 0;
-    }
 
-    .chat-box__send .icon-button {
-      top: calc(50% - 9px);
+      .svg-icon {
+        width: 18px;
+        height: 18px;
+      }
     }
 
     textarea {