# Modal visibility

**URL:** <https://community.weweb.io/t/modal-visibility/1894>\
**Category:** Ask us anything\
**Tags:** design\
**Created:** [February 22, 2023, 12:50pm UTC](https://community.weweb.io/t/modal-visibility/1894 "2023-02-22T12:50:24Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Guillenius](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/guillenius/32/9570_2.png) [@Guillenius](https://community.weweb.io/u/Guillenius)\
**Post date:** [February 22, 2023, 12:50pm UTC](https://community.weweb.io/t/modal-visibility/1894/1 "2023-02-22T12:50:24Z")

</div>

dear community, I am having this design problem. I have created a popup modal so that every time a request is about to finish this popup (modal) will appear but for some reason this modal is showing behind the components of the collection list.  
What can I do about it?

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6b00a98149783dea0f4094ad745c7e10ad91f3c3.png)

---

<div class="post-metadata">

**Author:** ![gbeaudoin](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/gbeaudoin/32/3221_2.png) [@gbeaudoin](https://community.weweb.io/u/gbeaudoin)\
**Post date:** [February 22, 2023, 1:52pm UTC](https://community.weweb.io/t/modal-visibility/1894/2 "2023-02-22T13:52:32Z")

</div>

Did you try the Z axis property? Or add custom CSS to modify the [z-index](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index)? (both on your modal and the content behind)

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/4fe36dc518ec56f3fd10bcb9f0f5512893788413.png)

Also, are you using the prebuilt modal component?

---

<div class="post-metadata">

**Author:** ![Guillenius](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/guillenius/32/9570_2.png) [@Guillenius](https://community.weweb.io/u/Guillenius)\
**Post date:** [February 22, 2023, 8:31pm UTC](https://community.weweb.io/t/modal-visibility/1894/3 "2023-02-22T20:31:21Z")

</div>

I’m going to try what you say. But, currently I don’t have that property activated.

---

<div class="post-metadata">

**Author:** ![gbeaudoin](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/gbeaudoin/32/3221_2.png) [@gbeaudoin](https://community.weweb.io/u/gbeaudoin)\
**Post date:** [February 23, 2023, 8:26pm UTC](https://community.weweb.io/t/modal-visibility/1894/4 "2023-02-23T20:26:12Z")

</div>

Yeah some component don’t have that property fronted. You can check in devtools but IIRC they’re set at a z-index: 30. So, you’ll want to have all the other content that needs to go underneath set to z-index: \<30.