Hello friends, In this post i am going to provide a css code that helps you to increase width of quick action popup window in lightning experience. so let's get started.

Increase width of quick action modal window

To increase width of a quick action modal window in Lightning Experience, you have to override rendering style using aura:html in component markup itself. Use following css code to increase width of quick action popup window.

QuickAction.cmp

 <aura:component implements="flexipage:availableForAllPageTypes,force:lightningQuickAction" access="global">    
    <aura:html tag="style">             
        .slds-modal__container{        
        width: 100% !important;
        max-width: 70rem !important;
        }        
    </aura:html>
    <center>
        Quick action window with increased width.
    </center>
 </aura:component>

Note: Please note, the above css code should be placed inside your component(html part) , not in the stylesheet file of component.

Output:

 

Hope you like this post, for any feedback or suggestions please feel free to comment. I would appreciate your feedback and suggestions.
Thank you.