# 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:** 1

<div class="post-metadata">

**Author:** ![Francois\_Douville](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/francois_douville/32/94221_2.png) [@Francois\_Douville](https://meta.discourse.org/u/Francois_Douville)\
**Post date:** [March 1, 2018, 2:30pm UTC](https://meta.discourse.org/t/how-to-increase-width-of-topic/81885/1 "2018-03-01T14:30:09Z")

</div>

Normally, topic look like this. Not as large as I want.

 ![normal](https://global.discourse-cdn.com/meta/original/3X/3/9/39a2eabbf02e7b356c5308e4a3efcec6ee81f47f.png)

So, I wrote this code to increase the width :

```
.topic-body {
    width: 830px;
}

```

To make it look like this :

 ![large](https://global.discourse-cdn.com/meta/original/3X/6/f/6f5aa2bc80fdce63a73081a49aa78f48e8637eb7.png)

But when my screen is smaller, it looks like this :

 ![problem](https://global.discourse-cdn.com/meta/original/3X/1/9/1921cecbe6cbf3d6f2168dad715b9869cac06684.png)

How to avoid this?

---

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