function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
VarunCVarunC 

Lightning Experience Visualforce Component has extra Padding in Spring '17 and thus making VF pages look awkwardly spaced

When we place a Visualforce component container in Lightning Page, the current release displays them correctly without extra spacing, thus allows a developer to control the look and feel of the Visualforce Page interface.

But in Spring '17 Pre-release org, the Visualforce Component container has extra padding on left/right/top/bottom, with dark gray background color, thus placing the existing Visualforce Pages to look awkwardly spaced out.

User-added image
 
Suraj Tripathi 47Suraj Tripathi 47
Hi VarunC,

You can use the lightning design system SLDS to design your VF page for resolving this problem. 
For SLDS, please go through with below links

https://www.lightningdesignsystem.com/utilities/margin/#site-main-content
https://www.lightningdesignsystem.com/utilities/padding/#site-main-content

For sharing the VF pages between Classic and Lightning Experience, Please go through the below link

https://trailhead.salesforce.com/en/content/learn/modules/lex_dev_visualforce/lex_dev_visualforce_multipurpose_pages

Please mark it as the best answer, if it helps.
Thanks