You need to sign in to do that
Don't have an account?
![VarunC VarunC](https://dfc-org-production.my.site.com/img/userprofile/default_profile_45_v2.png)
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](https://content.screencast.com/users/AdvDev/folders/Snagit/media/659fbcaf-f24c-4dcd-b8e3-62463e86aab5/12.29.2016-18.59.png)
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](https://content.screencast.com/users/AdvDev/folders/Snagit/media/659fbcaf-f24c-4dcd-b8e3-62463e86aab5/12.29.2016-18.59.png)
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