We are trying to override the app.css in a custom lightning component embed in quick action to increase the width of the quick action screen. For this we are try to use the '<style></style>'. But it not supported. However tried to use the <head></head> tag. Still it didn't worked out. What is the alternate or workaround for the same ? how to overwrite app.css styles with lightning components Above link we tried which was working in the 2017 release but currently not working.

  • have to tried to upload the css in static resource and then add that static resource in component? try this?
    – Ratan Paul
    Aug 10, 2018 at 10:18

1 Answer 1


Upload the following stylesheet as the static resource and include that in your lightning component.

   padding:0 !important;
   padding:0 !important;
   width:80% !important;
   max-width:80% !important;
   overflow-y:hidden !important;
   height:unset !important;
   max-height:unset !important;

You can also update the style using jQuery on the component load.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.