diff --git a/frontend/components/Layout/Layout.js b/frontend/components/Layout/Layout.js
index 30364d469..33076f9b0 100644
--- a/frontend/components/Layout/Layout.js
+++ b/frontend/components/Layout/Layout.js
@@ -62,7 +62,7 @@ class Layout extends React.Component {
           <div className={ styles.headerLeft }>
             <Link to="/" className={ styles.team }>{ user.team.name }</Link>
             <span className={ styles.title }>
-              { this.props.title && (<span>&nbsp;/&nbsp;</span>) }{ this.props.title }
+              { this.props.title }
             </span>
           </div>
           <Flex className={ styles.headerRight }>
diff --git a/frontend/components/Layout/components/Title/Title.js b/frontend/components/Layout/components/Title/Title.js
index 13a8a1273..9b8e41584 100644
--- a/frontend/components/Layout/components/Title/Title.js
+++ b/frontend/components/Layout/components/Title/Title.js
@@ -27,11 +27,14 @@ class Title extends React.Component {
     }
 
     return (
-      <span
-        title={ this.props.children }
-        className={ cx(styles.title, { untitled: usePlaceholder }) }
-      >
-        { title || this.props.placeholder }
+      <span>
+        { title && (<span>&nbsp;/&nbsp;</span>) }
+        <span
+          title={ this.props.children }
+          className={ cx(styles.title, { untitled: usePlaceholder }) }
+        >
+          { title }
+        </span>
       </span>
     );
   }
diff --git a/frontend/scenes/DocumentScene/DocumentScene.js b/frontend/scenes/DocumentScene/DocumentScene.js
index 210b506d6..fde2f1214 100644
--- a/frontend/scenes/DocumentScene/DocumentScene.js
+++ b/frontend/scenes/DocumentScene/DocumentScene.js
@@ -146,6 +146,7 @@ class DocumentScene extends React.Component {
       );
       title = (
         <span>
+          &nbsp;/&nbsp;
           <Link to={ `/collections/${doc.collection.id}` }>{ doc.collection.name }</Link>
           { ` / ${doc.title}` }
         </span>