# Modal Ionic help

**URL:** <https://forum.ionicframework.com/t/modal-ionic-help/199757>\
**Category:** Ionic Angular\
**Created:** [November 17, 2020, 3:37pm UTC](https://forum.ionicframework.com/t/modal-ionic-help/199757 "2020-11-17T15:37:18Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![arstrike](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/arstrike/32/134434_2.png) [@arstrike](https://forum.ionicframework.com/u/arstrike)\
**Post date:** [November 17, 2020, 3:37pm UTC](https://forum.ionicframework.com/t/modal-ionic-help/199757/1 "2020-11-17T15:37:18Z")

</div>

I have a problem with my **modal** , because the modal on **ipad** or **tablet** does not cover the entire screen as it does on a cell phone, some way to fix that little problem.

I used this in the styles if it could be fixed, but it couldn’t.

```auto
ion-modal {
     .modal-wrapper {
         height: 100vh;
         width: 100vw;
     }
}

```

---

<div class="post-metadata">

**Author:** ![EinfachHans](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/einfachhans/32/130917_2.png) [@EinfachHans](https://forum.ionicframework.com/u/EinfachHans)\
**Post date:** [November 17, 2020, 4:29pm UTC](https://forum.ionicframework.com/t/modal-ionic-help/199757/2 "2020-11-17T16:29:55Z")

</div>

What to do if you have a problem with the **Modal Component**? Correct, checking the docs:

> **[ion-modal - Ionic Documentation](https://ionicframework.com/docs/api/modal#css-custom-properties)**
>
> Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base and open web standards

There are the css variables defined that you can use 😊