title: How to change the width of the ionic popover
body: <p>I had created the ionic popup. Created a popover page and added action on button click to display popover from home page. but iam unable to change the width of the popover. below is the code;</p>
  <p><strong>home.page.html:</strong></p>
  <pre class="lang-html prettyprint-override"><code>&lt;ion-content&gt;
    &lt;ion-button expand=&quot;full&quot; (click)=&quot;openPopover($Event)&quot;&gt;Open popover&lt;/ion-button&gt;
  &lt;/ion-content&gt;
  </code></pre>
  <p><strong>home.page.ts:</strong></p>
  <pre class="lang-js prettyprint-override"><code>async openPopover(ev: Event) {
   const popover = await this.popoverController.create({
     component:PopoverPage,
     componentProps: {
       custom_id: this.value
     },  
   });
   popover.present();    
  }
  </code></pre>
  <p><strong>popover.page.html:</strong></p>
  <pre class="lang-html prettyprint-override"><code>&lt;ion-content&gt;
    &lt;ion-list&gt;
      &lt;ion-item&gt;
        this is popover
      &lt;/ion-item&gt;
      &lt;ion-item button color=&quot;danger&quot; (click) = &quot;closePopover()&quot;&gt;
        &lt;ion-icon name=&quot;close&quot; slot=&quot;start&quot;&gt;&lt;/ion-icon&gt;
        Close Popover
      &lt;/ion-item&gt;
    &lt;/ion-list&gt;
  &lt;/ion-content&gt;
  </code></pre>
  <p><strong>popover.page.ts:</strong></p>
  <pre class="lang-js prettyprint-override"><code>closePopover() {
    this.popoverController.dismiss();
  }
  </code></pre>
  <p>please assist me how can i change the width of the popover as i tried adding custom  css to the ion-content of the popover page but its not working.</p>