# Why are my pages so wide?

By default, the *page.studio* template doesn't inherit your theme's code that wraps around the content of a page. This can cause issues if your theme depends on this wrapper code for the width of the page.

Follow the steps below if you'd like your *page.studio* template to use this wrapper.

1\. Starting from your Shopify dashboard, click on **Online Store**, **Themes**, then **Edit code**.

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FmEJID2iwoSsgx5iT0kgQ%2Fimage.png?alt=media&#x26;token=e6b61834-09f8-4c6a-9a79-5585bdd7129f" alt=""><figcaption></figcaption></figure>

2. On the left side, under the **Templates** heading, locate the **page.liquid** and **page.studio.liquid** files.
3. Copy all the code inside the **page.liquid** file, and replace the **page.studio.liquid** file with it.
4. Locate the following line of code in your **page.studio.liquid** file:

```html
{{ page.content }}
```

5. Replace it with the following snippet.

```html
<link href="//studios.cdn.theshoppad.net/pagestudio/blocks.css?v={{ page.metafields.global.version | default: 3 }}&shop={{ shop.permanent_domain }}" rel="stylesheet" type="text/css"/>
<script src="//studios.cdn.theshoppad.net/pagestudio/pagestudio.dist.js?v={{ page.metafields.global.version | default: 3 }}"></script>
<div class="studioengine">{{ page.content }}</div>
```

6. **Save** your changes.