diff --git a/web/templates/settings/api_key_modal.hbs b/web/templates/settings/api_key_modal.hbs
index e738edde97..203261e70e 100644
--- a/web/templates/settings/api_key_modal.hbs
+++ b/web/templates/settings/api_key_modal.hbs
@@ -28,7 +28,7 @@
                 </div>
                 <div id="show_api_key">
                     <p>{{t "Your API key:" }}</p>
-                    <p><b><span id="api_key_value"></span></b></p>
+                    <p><b class="highlighted-element"><span id="api_key_value"></span></b></p>
                     <div id="user_api_key_error" class="text-error"></div>
                 </div>
             </main>
diff --git a/web/templates/try_zulip_modal.hbs b/web/templates/try_zulip_modal.hbs
index ebaf297f7f..2f7545f5f1 100644
--- a/web/templates/try_zulip_modal.hbs
+++ b/web/templates/try_zulip_modal.hbs
@@ -4,21 +4,25 @@
     <ul>
         <li>
             {{#tr}}
-            You'll see a list of <b>recent conversations</b>, where each conversation is
+            You'll see a list of <z-highlight>recent conversations</z-highlight>, where each conversation is
             labeled with a topic by the person who started it. Click on a conversation to
             view it. You can always get back to recent conversations from the left sidebar.
+            {{#*inline "z-highlight"}}<b class="highlighted-element">{{> @partial-block}}</b>{{/inline}}
             {{/tr}}
         </li>
         <li>
             {{#tr}}
             Click the name of a channel in the left sidebar, and click on any topic underneath
             to view one conversation at a time. You can explore discussions of changes to the
-            design of the Zulip app in <b>#design</b>, or see ongoing issue investigations in <b>#issues</b>.
+            design of the Zulip app in <z-highlight>#design</z-highlight>, or see ongoing issue
+            investigations in <z-highlight>#issues</z-highlight>.
+            {{#*inline "z-highlight"}}<b class="highlighted-element">{{> @partial-block}}</b>{{/inline}}
             {{/tr}}
         </li>
     </ul>
 
     {{#tr}}
-    If you have any questions, please post in the <b>#user questions</b> channel, and we'll be happy to help.
+    If you have any questions, please post in the <z-highlight>#user questions</z-highlight> channel, and we'll be happy to help.
+    {{#*inline "z-highlight"}}<b class="highlighted-element">{{> @partial-block}}</b>{{/inline}}
     {{/tr}}
 </p>