+ Start a Discussion
Bikram K BhuyanBikram K Bhuyan 

Additional styles are added to body tag in Lightning

When running our visualforce application in lightning experience, we noticed that a bunch additional styles added to our body tag as below -
html body.sfdcBody {
    font-family: 'Helvetica';
    color: #3c3d3e;
    background: none transparent;
    margin: 0;
    padding: 10px 20px 0 20px;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
We found out that it is coming from "AuraAlohaContentFrame.css" file. Due to the above additional style attibutes (especially overflow: auto;) many of our styles are not working as expected.

Could you please provides some guidance what is the best way to handle this case?

Appreciate your help on this.

Alain CabonAlain Cabon
@Bikram K Bhuyan

Your question is very interesting because I have also many VFP in Lex and I could have the same problem in the future.

Did you use <apex:page lightningStylesheets="true"> or <apex:page standardStylesheets="false"> (it is not the solution at all but just to know )

You probably already try to redefine the same body.sfdcBody in your VFP without "overflow: auto".