diff --git a/web/styles/compose.css b/web/styles/compose.css
index 0b7cb355ce..ffb1d70272 100644
--- a/web/styles/compose.css
+++ b/web/styles/compose.css
@@ -862,10 +862,11 @@ a.compose_control_button.hide {
     padding: 0;
     margin: 0;
 
-    .fa {
-        padding: 4.5px 4px;
+    .zulip-icon {
+        vertical-align: middle;
 
         &::before {
+            padding: 5px 9px;
             position: relative;
             top: -1px;
         }
diff --git a/web/templates/compose.hbs b/web/templates/compose.hbs
index 4d51b9365b..342a1bb7bc 100644
--- a/web/templates/compose.hbs
+++ b/web/templates/compose.hbs
@@ -128,7 +128,7 @@
                                             <span>{{t 'Schedule' }}</span>
                                         </button>
                                         <button class="animated-purple-button message-control-button" id="send_later" tabindex=0 type="button" data-tippy-content="{{t 'Send later' }}">
-                                            <i class="fa fa-chevron-up"></i>
+                                            <i class="zulip-icon zulip-icon-ellipsis-v-solid"></i>
                                         </button>
                                         <template id="send-enter-tooltip-template">
                                             {{t 'Send' }}