Why Is My Power Apps Canvas App Screen Not Centered After Publishing?

Question

I’ve built a Canvas App using Power Apps and designed the screen layout carefully in the editor. Everything looks perfectly centered when I'm working in the app editor.

But when I publish and run the app (especially on desktop browsers), the screen appears shifted to one side and doesn’t stay centered like it did in the editor, as shown below:

I haven’t made any changes to positioning settings that would cause this. What could be causing the app screen to not stay centered after publishing, and how can I fix it?

Answer 1

Fixing: Power Apps Canvas App Screen left-aligned After Publishing

It's a normal behaviour. In Power Apps, the Canvas App editor gives you a fixed working area (the design canvas) that appears centered by default. However, once you publish and run the app, it adjusts to the screen size and aspect ratio of the user’s device.

If your app is not configured to adapt properly, it may appear left-aligned or off-center, especially in desktop browsers or on larger screens.

Adjust App Size and Orientation Settings

If the app is using a fixed size (e.g., 1366×768) but the screen resolution is larger, Power Apps may anchor the app to the top-left corner by default and to fix this issue, you have to adjust the Display settings of your App as the following:

• Edit your App.
• Click on the Settings icon.
• Click on the "Display" tab.

Ensure the following settings are applied:

• Orientation: Set based on your app (Landscape for tablet/desktop, Portrait for phone)
• Scale to fit: On
• Lock aspect ratio: On

The "Scale to Fit" and "Lock Aspect Ratio" Settings determine how the app adjusts on different screen sizes.

• If “Scale to fit” is turned off, the app won’t center or scale with the screen.
• If “Lock aspect ratio” is off, the app may stretch and appear misaligned.