diff --git a/ts/components/basic/I18n.tsx b/ts/components/basic/I18n.tsx
index 5b29dcb71..c248a41ff 100644
--- a/ts/components/basic/I18n.tsx
+++ b/ts/components/basic/I18n.tsx
@@ -42,7 +42,7 @@ export const I18n = <T extends LocalizerToken>(props: I18nProps<T>) => {
 
   /** If the string contains a relevant formatting tag, render it as HTML */
   if (i18nString.match(formattingTagRegex)) {
-    return <SessionHtmlRenderer tag={props.as} html={i18nString} />;
+    return <SessionHtmlRenderer as={props.as} html={i18nString} />;
   }
 
   const Comp = props.as ?? React.Fragment;
diff --git a/ts/components/basic/SessionHTMLRenderer.tsx b/ts/components/basic/SessionHTMLRenderer.tsx
index 7e5280a0b..83c0c46ea 100644
--- a/ts/components/basic/SessionHTMLRenderer.tsx
+++ b/ts/components/basic/SessionHTMLRenderer.tsx
@@ -1,20 +1,20 @@
-import React from 'react';
 import DOMPurify from 'dompurify';
+import React from 'react';
 
 type ReceivedProps = {
   html: string;
-  tag?: string;
+  as?: React.ElementType;
   key?: any;
   className?: string;
 };
 
-export const SessionHtmlRenderer = ({ tag = 'div', key, html, className }: ReceivedProps) => {
+export const SessionHtmlRenderer = ({ as = 'div', key, html, className }: ReceivedProps) => {
   const clean = DOMPurify.sanitize(html, {
     USE_PROFILES: { html: true },
     FORBID_ATTR: ['script'],
   });
 
-  return React.createElement(tag, {
+  return React.createElement(as, {
     key,
     className,