diff --git a/apps/client/src/widgets/BreadcrumbBadges.css b/apps/client/src/widgets/BreadcrumbBadges.css
index e3cd4f750..919cb6353 100644
--- a/apps/client/src/widgets/BreadcrumbBadges.css
+++ b/apps/client/src/widgets/BreadcrumbBadges.css
@@ -70,10 +70,27 @@
     }
 
     .dropdown-note-info-badge {
-        ul {
+        .dropdown-menu.show ul {
             list-style-type: none;
             padding: 0.5em;
             margin: 0;
+            display: table;
+
+            li {
+                display: table-row;
+
+                > strong {
+                    display: table-cell;
+                    padding: 0.2em 0;
+                }
+
+                > span {
+                    display: table-cell;
+                    user-select: text;
+                    padding-left: 2em;
+                }
+            }
         }
     }
+
 }
diff --git a/apps/client/src/widgets/BreadcrumbBadges.tsx b/apps/client/src/widgets/BreadcrumbBadges.tsx
index 610796c7e..1d360cbc5 100644
--- a/apps/client/src/widgets/BreadcrumbBadges.tsx
+++ b/apps/client/src/widgets/BreadcrumbBadges.tsx
@@ -48,7 +48,7 @@ function NoteInfoBadge() {
 function NoteInfoValue({ text, value }: { text: string; value: ComponentChildren }) {
     return (
         <li>
-            <strong>{text}</strong>{": "}
+            <strong>{text}{": "}</strong>
             <span>{value}</span>
         </li>
     );