From 78529df4c13afd09b7b92e48fa35d69e45112025 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 8 Oct 2021 12:13:47 -0500
Subject: [PATCH] Chats: fix action button icons

---
 app/soapbox/features/chats/components/chat_box.js |  3 +--
 app/styles/chats.scss                             | 12 +++++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/app/soapbox/features/chats/components/chat_box.js b/app/soapbox/features/chats/components/chat_box.js
index 2a0b72e89..e1403bccb 100644
--- a/app/soapbox/features/chats/components/chat_box.js
+++ b/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>
diff --git a/app/styles/chats.scss b/app/styles/chats.scss
index f21411ea9..d241c63da 100644
--- a/app/styles/chats.scss
+++ b/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 {