# IPFS shows unnecessary horizental scrollbar on my dapp's UI

**URL:** https://discuss.ipfs.tech/t/ipfs-shows-unnecessary-horizental-scrollbar-on-my-dapps-ui/15983
**Category:** Help
**Created:** [February 16, 2023, 8:25am UTC](https://discuss.ipfs.tech/t/ipfs-shows-unnecessary-horizental-scrollbar-on-my-dapps-ui/15983 "2023-02-16T08:25:16Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![sajjadheydari1401](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.ipfs.tech/sajjadheydari1401/32/7447_2.png) [@sajjadheydari1401](https://discuss.ipfs.tech/u/sajjadheydari1401)
#### Post date: [February 16, 2023, 8:25am UTC](https://discuss.ipfs.tech/t/ipfs-shows-unnecessary-horizental-scrollbar-on-my-dapps-ui/15983/1 "2023-02-16T08:25:16Z")

</div>

We have deployed our frontend of dapp over IPFS but now we can see IPFS causes some unnecessary scrollbars on some of our react UI components which are not visible on other host domains. Is there a workaround or fix for this issue?

---

<div class="post-metadata">

### Author: ![Jorropo](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.ipfs.tech/jorropo/32/3230_2.png) [@Jorropo](https://discuss.ipfs.tech/u/Jorropo)
#### Post date: [February 16, 2023, 1:17pm UTC](https://discuss.ipfs.tech/t/ipfs-shows-unnecessary-horizental-scrollbar-on-my-dapps-ui/15983/2 "2023-02-16T13:17:56Z")

</div>

ipfs just serve your files as-is, that would be extremely surprising.  
It would be usefull if you sent the CID here so people can checkout what is the issue. 🙂

---

<div class="post-metadata">

### Author: ![sajjadheydari1401](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.ipfs.tech/sajjadheydari1401/32/7447_2.png) [@sajjadheydari1401](https://discuss.ipfs.tech/u/sajjadheydari1401)
#### Post date: [February 16, 2023, 1:39pm UTC](https://discuss.ipfs.tech/t/ipfs-shows-unnecessary-horizental-scrollbar-on-my-dapps-ui/15983/3 "2023-02-16T13:39:25Z")

</div>

What do you mean with CID?

---

<div class="post-metadata">

### Author: ![danieln](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.ipfs.tech/danieln/32/6408_2.png) [@danieln](https://discuss.ipfs.tech/u/danieln)
#### Post date: [February 16, 2023, 1:52pm UTC](https://discuss.ipfs.tech/t/ipfs-shows-unnecessary-horizental-scrollbar-on-my-dapps-ui/15983/4 "2023-02-16T13:52:56Z")

</div>

Can you please share more information on your problem? Ideally, please share a link so that we can take a closer look

---

<div class="post-metadata">

### Author: ![Jorropo](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.ipfs.tech/jorropo/32/3230_2.png) [@Jorropo](https://discuss.ipfs.tech/u/Jorropo)
#### Post date: [February 16, 2023, 2:38pm UTC](https://discuss.ipfs.tech/t/ipfs-shows-unnecessary-horizental-scrollbar-on-my-dapps-ui/15983/5 "2023-02-16T14:38:53Z")

</div>

CID is the identifier of your folder on IPFS. The link you are using to open the app on IPFS will have the CID.

---

<div class="post-metadata">

### Author: ![sajjadheydari1401](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.ipfs.tech/sajjadheydari1401/32/7447_2.png) [@sajjadheydari1401](https://discuss.ipfs.tech/u/sajjadheydari1401)
#### Post date: [February 16, 2023, 4:26pm UTC](https://discuss.ipfs.tech/t/ipfs-shows-unnecessary-horizental-scrollbar-on-my-dapps-ui/15983/7 "2023-02-16T16:26:38Z")

</div>

Latest correct CID: QmT2is5BnTyrFrm6j2dvMnz1oUimBKfTu861Jg6uxSxRTp

---

<div class="post-metadata">

### Author: ![danieln](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.ipfs.tech/danieln/32/6408_2.png) [@danieln](https://discuss.ipfs.tech/u/danieln)
#### Post date: [February 17, 2023, 9:50am UTC](https://discuss.ipfs.tech/t/ipfs-shows-unnecessary-horizental-scrollbar-on-my-dapps-ui/15983/8 "2023-02-17T09:50:31Z")

</div>

It might be related to the fact that you’re using a path gateway which breaks relative paths in your app code.

Try loading the CID using the subdomain gateway:  
`https://bafybeicfwkwxy7g27x2rgiaa5f5bv5rupfxablc4ngqftptpns2dlpk6pm.ipfs.dweb.link/#/`

> **[Panther Staking](https://bafybeicfwkwxy7g27x2rgiaa5f5bv5rupfxablc4ngqftptpns2dlpk6pm.ipfs.dweb.link/#/)**
>
> Panther Protocol: Staking

> **[Panther Staking](https://bafybeicfwkwxy7g27x2rgiaa5f5bv5rupfxablc4ngqftptpns2dlpk6pm.ipfs.cf-ipfs.com/)**
>
> Panther Protocol: Staking
