diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index 038f522b1..b118e0c52 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -56,18 +56,14 @@
           <Popover
             ref="additionalRemotePopover"
             popover-class="emoji-tab-edit-popover popover-default"
+            class="button button-default emoji-panel-additional-actions"
+            :title="$t('admin_dash.emoji.import_pack')"
             trigger="click"
             placement="bottom"
           >
             <template #trigger>
-              <button
-                class="button button-default emoji-panel-additional-actions"
-                :title="$t('admin_dash.emoji.import_pack')"
-                @click="$refs.additionalRemotePopover.showPopover"
-              >
-                <FAIcon icon="folder-open" />
-                {{ $t('admin_dash.emoji.import_pack_short') }}
-              </button>
+              <FAIcon icon="folder-open" />
+              {{ $t('admin_dash.emoji.import_pack_short') }}
             </template>
 
             <template #content>