diff --git a/webapp/channels/src/components/channel_header_menu/menu_items/mobile_channel_header_plugins.tsx b/webapp/channels/src/components/channel_header_menu/menu_items/mobile_channel_header_plugins.tsx
index 3ebc809ad0..29856e2422 100644
--- a/webapp/channels/src/components/channel_header_menu/menu_items/mobile_channel_header_plugins.tsx
+++ b/webapp/channels/src/components/channel_header_menu/menu_items/mobile_channel_header_plugins.tsx
@@ -75,6 +75,7 @@ const MobileChannelHeaderPlugins = (props: Props): JSX.Element => {
                     id={'mobileChannelHeaderItem' + plug.id}
                     onClick={handlePluginButtonClick}
                     labels={<span>{plug.dropdownText}</span>}
+                    leadingElement={plug.icon}
                 />
             );
         }
diff --git a/webapp/channels/src/plugins/registry.ts b/webapp/channels/src/plugins/registry.ts
index fd547a4c9d..1b8850a24a 100644
--- a/webapp/channels/src/plugins/registry.ts
+++ b/webapp/channels/src/plugins/registry.ts
@@ -299,14 +299,20 @@ export default class PluginRegistry {
         'button',
         'dropdownButton',
         'action',
+        'icon',
+        'dropdownText',
     ], ({
         button,
         dropdownButton,
         action,
+        icon,
+        dropdownText,
     }: {
         button: ReactResolvable;
         dropdownButton: ReactResolvable;
         action: CallButtonAction['action'];
+        icon: ReactResolvable;
+        dropdownText: ReactResolvable;
     }) => {
         const id = generateId();
 
@@ -315,7 +321,8 @@ export default class PluginRegistry {
             pluginId: this.id,
             button: resolveReactElement(button),
             dropdownButton: resolveReactElement(dropdownButton),
-            icon: null, // Needed to satisfy types for MobileChannelHeaderButton
+            icon: resolveReactElement(icon),
+            dropdownText: resolveReactElement(dropdownText),
             action,
         };