# How customize upload modal box

**URL:** <https://forums.rocket.chat/t/how-customize-upload-modal-box/11463>\
**Category:** Community Support\
**Tags:** design\
**Created:** [June 23, 2021, 6:49pm UTC](https://forums.rocket.chat/t/how-customize-upload-modal-box/11463 "2021-06-23T18:49:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![georgebezerra](https://avatars.discourse-cdn.com/v4/letter/g/a6a055/32.png) [@georgebezerra](https://forums.rocket.chat/u/georgebezerra)\
**Post date:** [June 23, 2021, 6:49pm UTC](https://forums.rocket.chat/t/how-customize-upload-modal-box/11463/1 "2021-06-23T18:49:06Z")

</div>

### Description

Hi,

I ask for help to know how to customize the upload file layout like the image below:

 ![image](https://us1.discourse-cdn.com/flex021/uploads/rocketchat/original/2X/8/83f0819663cf971204ea1084d54fbd8458d1dcfa.jpeg)

### Server Setup Information

- Version of Rocket.Chat Server: 3.16.0-develop
- Operating System: Linux Mint
- Deployment Method: 
- Number of Running Instances: 0
- DB Replicaset Oplog: Enabled
- NodeJS Version: 12.22.1 - x64
- MongoDB Version: 4.2.8
- Proxy: 
- Firewalls involved: no

---

<div class="post-metadata">

**Author:** ![john.crisp](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/john.crisp/32/2711_2.png) [@john.crisp](https://forums.rocket.chat/u/john.crisp)\
**Post date:** [June 24, 2021, 9:59pm UTC](https://forums.rocket.chat/t/how-customize-upload-modal-box/11463/2 "2021-06-24T21:59:14Z")

</div>

Hi.

Have you customised anything else?

You probably want to search for something like:

`react file upload custom modal`

---

<div class="post-metadata">

**Author:** ![georgebezerra](https://avatars.discourse-cdn.com/v4/letter/g/a6a055/32.png) [@georgebezerra](https://forums.rocket.chat/u/georgebezerra)\
**Post date:** [June 28, 2021, 10:34am UTC](https://forums.rocket.chat/t/how-customize-upload-modal-box/11463/3 "2021-06-28T10:34:18Z")

</div>

Hey  
I managed to customize by changing modal.css and modal.html.

Thank you very much!

---

<div class="post-metadata">

**Author:** ![john.crisp](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/john.crisp/32/2711_2.png) [@john.crisp](https://forums.rocket.chat/u/john.crisp)\
**Post date:** [June 28, 2021, 12:29pm UTC](https://forums.rocket.chat/t/how-customize-upload-modal-box/11463/4 "2021-06-28T12:29:58Z")

</div>

Cool - glad you got it fixed!!