diff --git a/web/shared/icons/more-vertical-spread.svg b/web/shared/icons/more-vertical-spread.svg
new file mode 100644
index 0000000000..5cfb7a6965
--- /dev/null
+++ b/web/shared/icons/more-vertical-spread.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generated by Pixelmator Pro 3.3.11 -->
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+    <g id="Group">
+        <path id="Path" fill="#000000" stroke="none" d="M 7.99992 0.746338 C 7.07944 0.746338 6.33325 1.49253 6.33325 2.413 C 6.33325 3.33348 7.07944 4.07967 7.99992 4.07967 C 8.92039 4.07967 9.66659 3.33348 9.66659 2.413 C 9.66659 1.49253 8.92039 0.746338 7.99992 0.746338 Z"/>
+        <path id="path1" fill="#000000" stroke="none" d="M 8 6.33438 C 7.07953 6.33438 6.33333 7.08058 6.33333 8.00105 C 6.33333 8.92153 7.07953 9.66772 8 9.66772 C 8.92047 9.66772 9.66667 8.92153 9.66667 8.00105 C 9.66667 7.08058 8.92047 6.33438 8 6.33438 Z"/>
+        <path id="path2" fill="#000000" stroke="none" d="M 7.99992 11.9204 C 7.07944 11.9204 6.33325 12.6666 6.33325 13.5871 C 6.33325 14.5076 7.07944 15.2537 7.99992 15.2537 C 8.92039 15.2537 9.66659 14.5076 9.66659 13.5871 C 9.66659 12.6666 8.92039 11.9204 7.99992 11.9204 Z"/>
+    </g>
+</svg>
diff --git a/web/templates/message_controls.hbs b/web/templates/message_controls.hbs
index add390b4f6..42c45a8be8 100644
--- a/web/templates/message_controls.hbs
+++ b/web/templates/message_controls.hbs
@@ -11,7 +11,7 @@
 
     {{#unless msg/locally_echoed}}
     <div class="actions_hover message_control_button" data-tooltip-template-id="message-actions-tooltip-template" >
-        <i class="message-actions-menu-button zulip-icon zulip-icon-more-vertical" role="button" aria-haspopup="true" tabindex="0" aria-label="{{t 'Message actions' }}"></i>
+        <i class="message-actions-menu-button zulip-icon zulip-icon-more-vertical-spread" role="button" aria-haspopup="true" tabindex="0" aria-label="{{t 'Message actions' }}"></i>
     </div>
     {{/unless}}