From 58850f1d8e9c5bccb5e4c124562d76711012b9e9 Mon Sep 17 00:00:00 2001
From: Sean <sean.meininger@pm.me>
Date: Thu, 3 Feb 2022 05:23:12 +0000
Subject: [PATCH] Fix icons to show in the picker for promotional items

---
 .../soapbox_config/components/icon_picker_dropdown.js         | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/features/soapbox_config/components/icon_picker_dropdown.js b/app/soapbox/features/soapbox_config/components/icon_picker_dropdown.js
index f5c863858..6c123c2ee 100644
--- a/app/soapbox/features/soapbox_config/components/icon_picker_dropdown.js
+++ b/app/soapbox/features/soapbox_config/components/icon_picker_dropdown.js
@@ -69,7 +69,9 @@ class IconPickerMenu extends React.PureComponent {
 
     // Nice and dirty hack to display the icons
     c.querySelectorAll('button.emoji-mart-emoji > span').forEach(elem => {
-      elem.innerHTML = `<i class="fa fa-${elem.parentNode.getAttribute('title')}"></i>`;
+       const newIcon = document.createElement('span');
+      newIcon.innerHTML = `<i class="fa fa-${elem.parentNode.getAttribute('title')} fa-hack"></i>`;
+      elem.parentNode.replaceChild(newIcon, elem);
     });
   }