From 6920f13ae41aff713d3ef1f950b172147fd19b75 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Thu, 30 May 2024 18:32:41 -0400
Subject: [PATCH] fix: Missing space in new child document menu

---
 app/menus/NewChildDocumentMenu.tsx | 40 ++++++++++++++++--------------
 1 file changed, 22 insertions(+), 18 deletions(-)

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,