diff --git a/app/menus/NewChildDocumentMenu.tsx b/app/menus/NewChildDocumentMenu.tsx
index a1069d402..f3a3d0560 100644
--- a/app/menus/NewChildDocumentMenu.tsx
+++ b/app/menus/NewChildDocumentMenu.tsx
@@ -34,30 +34,34 @@ function NewChildDocumentMenu({ document, label }: Props) {
             {
               type: "route",
               title: (
-                <Trans
-                  defaults="New document in <em>{{ collectionName }}</em>"
-                  values={{
-                    collectionName,
-                  }}
-                  components={{
-                    em: <strong />,
-                  }}
-                />
+                <span>
+                  <Trans
+                    defaults="New document in <em>{{ collectionName }}</em>"
+                    values={{
+                      collectionName,
+                    }}
+                    components={{
+                      em: <strong />,
+                    }}
+                  />
+                </span>
               ),
               to: newDocumentPath(document.collectionId),
             },
             {
               type: "route",
               title: (
-                <Trans
-                  defaults="New document in <em>{{ collectionName }}</em>"
-                  values={{
-                    collectionName: document.title,
-                  }}
-                  components={{
-                    em: <strong />,
-                  }}
-                />
+                <span>
+                  <Trans
+                    defaults="New document in <em>{{ collectionName }}</em>"
+                    values={{
+                      collectionName: document.title,
+                    }}
+                    components={{
+                      em: <strong />,
+                    }}
+                  />
+                </span>
               ),
               to: newDocumentPath(document.collectionId, {
                 parentDocumentId: document.id,