diff --git a/app/assets/javascripts/discourse/components/topic-navigation.js.es6 b/app/assets/javascripts/discourse/components/topic-navigation.js.es6
index bc8ac812b03..b4b840cb6bc 100644
--- a/app/assets/javascripts/discourse/components/topic-navigation.js.es6
+++ b/app/assets/javascripts/discourse/components/topic-navigation.js.es6
@@ -35,7 +35,7 @@ export default Ember.Component.extend(PanEvents, {
           height -= $("#reply-control").height();
         }
 
-        renderTimeline = width > 960 && height > 520;
+        renderTimeline = width > 924 && height > 520;
       }
 
       info.setProperties({
diff --git a/app/assets/stylesheets/common/topic-timeline.scss b/app/assets/stylesheets/common/topic-timeline.scss
index d535a898d14..7e9b2200f5f 100644
--- a/app/assets/stylesheets/common/topic-timeline.scss
+++ b/app/assets/stylesheets/common/topic-timeline.scss
@@ -180,7 +180,7 @@
 
   .topic-timeline {
     margin-left: 3em;
-    width: 150px;
+    max-width: 135px;
     transition: opacity 0.2s ease-in;
     touch-action: none;