diff --git a/daras_ai_v2/prompt_vars.py b/daras_ai_v2/prompt_vars.py
index b81932533..bee272559 100644
--- a/daras_ai_v2/prompt_vars.py
+++ b/daras_ai_v2/prompt_vars.py
@@ -22,10 +22,9 @@ def variables_input(
     from daras_ai_v2.workflow_url_input import del_button
 
     def render_title_desc():
-        gui.write(label)
-        gui.caption(
-            f"{description} <a href='/variables-help' target='_blank'>Learn more</a>.",
-            unsafe_allow_html=True,
+        gui.write(
+            label,
+            help=f"{description} <a href='/variables-help' target='_blank'>Learn more</a>.",
         )
 
     # find all variables in the prompts
diff --git a/functions/recipe_functions.py b/functions/recipe_functions.py
index 1a837c0c6..8452cd1aa 100644
--- a/functions/recipe_functions.py
+++ b/functions/recipe_functions.py
@@ -197,11 +197,11 @@ def render_function_input(list_key: str, del_key: str, d: dict):
         with gui.div(className="ps-1"):
             gui.session_state.setdefault(key, [{}])
             with gui.div(className="d-flex align-items-center"):
-                gui.write("###### Functions")
-            gui.caption(
-                "Functions give your workflow the ability run Javascript code (with webcalls!) allowing it execute logic, use common JS libraries or make external API calls before or after the workflow runs. <a href='/functions-help' target='_blank'>Learn more.</a>",
-                unsafe_allow_html=True,
-            )
+                gui.write(
+                    "###### Functions",
+                    help="Functions give your workflow the ability run Javascript code (with webcalls!) allowing it execute logic, use common JS libraries or make external API calls before or after the workflow runs.\n"
+                    "<a href='/functions-help' target='_blank'>Learn more.</a>",
+                )
             list_view_editor(
                 add_btn_label="Add Function",
                 add_btn_type="tertiary",