diff --git a/ui/js/src/main/scala/works/iterative/ui/components/laminar/HtmlRenderable.scala b/ui/js/src/main/scala/works/iterative/ui/components/laminar/HtmlRenderable.scala
index 2acfc1d..3cebcf2 100644
--- a/ui/js/src/main/scala/works/iterative/ui/components/laminar/HtmlRenderable.scala
+++ b/ui/js/src/main/scala/works/iterative/ui/components/laminar/HtmlRenderable.scala
@@ -35,3 +35,9 @@
   given plainMultiLineValue: HtmlRenderable[PlainMultiLine] with
     def toHtml(v: PlainMultiLine): Modifier[HtmlElement] =
       p(cls("whitespace-pre-wrap"), v.toString)
+
+  given optionRenderable[A](using
+      r: HtmlRenderable[A]
+  ): HtmlRenderable[Option[A]] with
+    def toHtml(v: Option[A]): Modifier[HtmlElement] =
+      v.map(r.toHtml)