Showing results for 
Search instead for 
Did you mean: 
Helper II
Helper II

Embedded report adding an unwanted 10px top margin to my iframe

I have embedded a report but can't seem to get it to fit the frame properly as there is a 10px top border. It is embedded with powerbi.js


When I embed it it the top of the report has an unwanted 10px margin which is filled with the report 'wallpaper'. The top bar is my webpage and the iframe is supposed to be seamless. The yellow line is the 10px margin that appears to be causing the problem. The line is yellow because I added a yellow 'wallpaper' in PBI desktop to prove that the line is within the iframe. How can I get rid of this margin? My report is exactly set to the frame size.

embedded renderembedded render

 Offending MarginOffending MarginView in PBI desktopView in PBI desktopPBI desktop page settingsPBI desktop page settings

Helper II
Helper II

I found a solution, but surely this is a bug.

The report renders correctly after embedding if I change the 'view' settings in PBI desktop to 'Fit to Page'.

fit to page.PNG



Helpful resources

Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

Community Conference

Microsoft Power Platform Communities

Check out the Winners!


Create an end-to-end data and analytics solution

Learn how Power BI works with the latest Azure data and analytics innovations at the digital event with Microsoft CEO Satya Nadella.