diff --git a/static/css/s2.css b/static/css/s2.css
index 84b423c9ec..dbee212e52 100644
--- a/static/css/s2.css
+++ b/static/css/s2.css
@@ -6429,6 +6429,7 @@ body .ui-autocomplete.dictionary-toc-autocomplete .ui-menu-item a.ui-state-focus
 
 .segment .segmentText {
     display: inline;
+    margin-right: 20px;
 }
 
 .segment > .he,
@@ -6464,6 +6465,7 @@ body .ui-autocomplete.dictionary-toc-autocomplete .ui-menu-item a.ui-state-focus
     padding-inline-start: initial;
     display: inline;
     margin-inline-end: .5em;
+    padding-right: 20px;
 }
 
 .continuous .segment .segmentText br {
diff --git a/static/js/BookPage.jsx b/static/js/BookPage.jsx
index 231dbdc8bc..f3e867ed2e 100644
--- a/static/js/BookPage.jsx
+++ b/static/js/BookPage.jsx
@@ -215,7 +215,7 @@ class BookPage extends Component {
       [
         this.props.multiPanel ? {type: "AboutText", props: {index: this.state.indexDetails}} : {type: null},
         {type: "Promo"},
-        {type: "RelatedTopics", props: { title: this.props.title}},
+         {type: "RelatedTopics", props: { title: this.props.title}},
         !isDictionary ? {type: "DownloadVersions", props:{sref: this.props.title}} : {type: null},
       ];
 
@@ -334,7 +334,7 @@ class BookPage extends Component {
               <LoadingMessage />
               }
             </div>
-            {this.isBookToc() && ! this.props.compare ? 
+            {this.isBookToc() && ! this.props.compare && !this.props.isNarrowColumn ? 
             <NavSidebar modules={sidebarModules} /> : null}
           </div>
           {this.isBookToc() && ! this.props.compare ?