diff --git a/ui/js/src/main/scala/works/iterative/ui/components/tailwind/laminar/LaminarExtensions.scala b/ui/js/src/main/scala/works/iterative/ui/components/tailwind/laminar/LaminarExtensions.scala
index 574651f..e89a55b 100644
--- a/ui/js/src/main/scala/works/iterative/ui/components/tailwind/laminar/LaminarExtensions.scala
+++ b/ui/js/src/main/scala/works/iterative/ui/components/tailwind/laminar/LaminarExtensions.scala
@@ -15,3 +15,7 @@
 
     inline def asMod(using ctx: ComponentContext[_]): Mod[HtmlElement] =
       nodeSeq(dataAttr("msgid")(msg.id.toString()), ctx.messages(msg))
+
+  given (using ComponentContext[_]): HtmlRenderable[UserMessage] with
+    def toHtml(msg: UserMessage): Modifier[HtmlElement] =
+      msg.asElement