Power BI Embedded background alignment

[kolousekjan]

Hello,

I'm encountering an unusual issue. I built a report in Power BI Desktop, published it, and embedded it on a website using Power BI Embedded.

On the website, the background aligns to the right side of the page, but all data is centered. In both Power BI Desktop and Service, everything is aligned correctly (center), but in the embedded view, it’s not.

PBI Service

PBI Embedded

Do you have any advice on what might be causing this?

Thank you!

[Anonymous]

Hi @kolousekjan ,

According to your statement, I think you are trying to embed the report to your website.

Here please check what format your background is in and check the parameter data within the frame, this issue may be related to the website parameter configuration.
I would suggest to check the setting of style for each parameter in the framework in website, please check if this setting is globally overridden.

Best Regards,
Rico Zhou

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

[kolousekjan]

Thank you for your response, Rico.

It seems that the issue lies in the width setting of an element with the class .displayArea. Currently, this style is applied with width: 100% !important, which affects the alignment of the Power BI report on the page. When I remove the !important, the alignment works correctly.

However, I am unable to determine where exactly this priority (!important) is set within Power BI or the embedding framework. I would like to know if it’s possible to adjust this value directly in the Power BI embed configuration or if it originates from a library used on the page.

Could you advise on how to identify the source of this setting or where I might be able to adjust its priority?

Thank you for your help!