# Graceful Theme

**URL:** <https://meta.discourse.org/t/graceful-theme/93040>\
**Category:** Theme\
**Tags:** official, graceful-theme\
**Created:** [July 24, 2018, 8:09pm UTC](https://meta.discourse.org/t/graceful-theme/93040 "2018-07-24T20:09:12Z")\
**Posts on this page:** 1\
**Showing post:** 73

<div class="post-metadata">

**Author:** ![neounix](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neounix/32/215617_2.png) [@neounix](https://meta.discourse.org/u/neounix)\
**Post date:** [March 23, 2020, 11:20am UTC](https://meta.discourse.org/t/graceful-theme/93040/73 "2020-03-23T11:20:45Z")

</div>

> [@Steven](#):
>
> ```plaintext
> .topic-body {
> width: calc(690px + (11px * 2));
> }
> 
> ```
> 
> Change

Hi @Steven,

Added the following to the desktop CSS:

```plaintext
#main-outlet {
  width: auto;
  max-width: 80%; 
}

.topic-body {
    width: calc(1020px + (11px * 2));
}

```

It worked partially, but there is some issue. Perhaps you know the CSS trick to fix it?

See Image:

 ![Screen Shot 2020-03-23 at 6.17.50 PM](https://global.discourse-cdn.com/meta/original/3X/e/d/ed7492c908e893d5cbd10b2fd050c8be82a2f5a8.jpeg)

---

_[View the full topic](https://meta.discourse.org/t/graceful-theme/93040)._