diff --git a/javascripts/discourse/components/welcome-banner.gjs b/javascripts/discourse/components/welcome-banner.gjs
index a158bfb..c70834d 100644
--- a/javascripts/discourse/components/welcome-banner.gjs
+++ b/javascripts/discourse/components/welcome-banner.gjs
@@ -2,6 +2,8 @@ import Component from "@glimmer/component";
 import { service } from "@ember/service";
 import { htmlSafe } from "@ember/template";
 import { on } from "@ember/modifier";
+import { concat } from "@ember/helper";
+import { eq, and, not } from "truth-helpers";
 import didInsert from "@ember/render-modifiers/modifiers/did-insert";
 import willDestroy from "@ember/render-modifiers/modifiers/will-destroy";
 import SearchMenu from "discourse/components/search-menu";
@@ -71,7 +73,7 @@ export default class WelcomeBanner extends Component {
                   <a href={{settings.cta_card_1_url}} class="cta-card" aria-label={{settings.cta_card_1_title}}>
                     <div class="cta-icon">
                       {{#if (eq settings.cta_card_1_icon_type "font_awesome")}}
-                        <i class="fas fa-{{settings.cta_card_1_icon_font_awesome}}"></i>
+                        <i class={{concat "fas fa-" settings.cta_card_1_icon_font_awesome}}></i>
                       {{else}}
                         {{settings.cta_card_1_icon_emoji}}
                       {{/if}}
@@ -93,7 +95,7 @@ export default class WelcomeBanner extends Component {
                   <a href={{settings.cta_card_2_url}} class="cta-card" aria-label={{settings.cta_card_2_title}}>
                     <div class="cta-icon">
                       {{#if (eq settings.cta_card_2_icon_type "font_awesome")}}
-                        <i class="fas fa-{{settings.cta_card_2_icon_font_awesome}}"></i>
+                        <i class={{concat "fas fa-" settings.cta_card_2_icon_font_awesome}}></i>
                       {{else}}
                         {{settings.cta_card_2_icon_emoji}}
                       {{/if}}
@@ -115,7 +117,7 @@ export default class WelcomeBanner extends Component {
                   <a href={{settings.cta_card_3_url}} class="cta-card" aria-label={{settings.cta_card_3_title}}>
                     <div class="cta-icon">
                       {{#if (eq settings.cta_card_3_icon_type "font_awesome")}}
-                        <i class="fas fa-{{settings.cta_card_3_icon_font_awesome}}"></i>
+                        <i class={{concat "fas fa-" settings.cta_card_3_icon_font_awesome}}></i>
                       {{else}}
                         {{settings.cta_card_3_icon_emoji}}
                       {{/if}}
@@ -137,7 +139,7 @@ export default class WelcomeBanner extends Component {
                   <a href={{settings.cta_card_4_url}} class="cta-card" aria-label={{settings.cta_card_4_title}}>
                     <div class="cta-icon">
                       {{#if (eq settings.cta_card_4_icon_type "font_awesome")}}
-                        <i class="fas fa-{{settings.cta_card_4_icon_font_awesome}}"></i>
+                        <i class={{concat "fas fa-" settings.cta_card_4_icon_font_awesome}}></i>
                       {{else}}
                         {{settings.cta_card_4_icon_emoji}}
                       {{/if}}