diff --git a/app/templates/includes/help_icon.html b/app/templates/cotton/ui/help_icon.html
similarity index 57%
rename from app/templates/includes/help_icon.html
rename to app/templates/cotton/ui/help_icon.html
index a4b9b86..4ab9dfa 100644
--- a/app/templates/includes/help_icon.html
+++ b/app/templates/cotton/ui/help_icon.html
@@ -1,7 +1,8 @@
 {% spaceless %}
+{% load i18n %}
 <span class="tw-text-xs text-white-50 mx-1"
       data-bs-toggle="tooltip"
       data-bs-title="{{ content }}">
-  <i class="fa-solid fa-circle-question fa-fw"></i>
+  <i class="{% if not icon %}fa-solid fa-circle-question{% else %}{{ icon }}{% endif %} fa-fw"></i>
 </span>
 {% endspaceless %}
diff --git a/app/templates/cotton/ui/info_card.html b/app/templates/cotton/ui/info_card.html
index 83d7cc5..a1030fd 100644
--- a/app/templates/cotton/ui/info_card.html
+++ b/app/templates/cotton/ui/info_card.html
@@ -3,7 +3,7 @@
     {% if icon %}<i class="{{ icon }}"></i>{% else %}<span class="fw-bold">{{ title.0 }}</span>{% endif %}
   </div>
   <div class="card-body">
-    <h5 class="tw-text-{{ color }}-400 fw-bold tw-mr-[50px]" {{ attrs }}>{{ title }}{% if help_text %}{% include 'includes/help_icon.html' with content=help_text %}{% endif %}</h5>
+    <h5 class="tw-text-{{ color }}-400 fw-bold tw-mr-[50px]" {{ attrs }}>{{ title }}{% if help_text %}<c-ui.help-icon :content="help_text" icon=""></c-ui.help-icon>{% endif %}</h5>
     {{ slot }}
   </div>
 </div>