# How to increase width of topic

**URL:** <https://meta.discourse.org/t/how-to-increase-width-of-topic/81885>\
**Category:** Development\
**Created:** [March 1, 2018, 2:30pm UTC](https://meta.discourse.org/t/how-to-increase-width-of-topic/81885 "2018-03-01T14:30:09Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [March 1, 2018, 3:04pm UTC](https://meta.discourse.org/t/how-to-increase-width-of-topic/81885/2 "2018-03-01T15:04:00Z")

</div>

The position of the timeline is based on the default topic width, so that needs to be moved too… our default CSS is:

```SCSS
.timeline-container {
  margin-left: 757px;

  @media all and (min-width: 1140px) {
    margin-left: 820px;
  }
  @media all and (min-width: 1250px) {
    margin-left: 900px;
  }
}

```

So I think you’d either want to reduce the topic width for smaller screens, or increase the margin-left of the timeline-container a bit.

Another difficulty you might run into is when we switch from the timeline to the progress bar at smaller browser widths… because that switch is determined in JS so it’s more involved than just updating the CSS.

 ![33%20AM](https://global.discourse-cdn.com/meta/original/3X/9/f/9f5e899ecccdc082af9d163b53e7565f7731631b.png)

I think eventually we’d want the layout to be more flexible so it would be in the right position automatically if the topic column width is different, but for now it’s a manual adjustment at a few breakpoints.

---

_[View the full topic](https://meta.discourse.org/t/how-to-increase-width-of-topic/81885)._