SkeletonPage shows the title inline with the backAction while the Page component doesn't

[BaggioGiacomo]

Summary

Hi there!

On mobile devices, the SkeletonPage shows the title inline with the back button while the Page component shows the title under the back button (leaving a big blank space between the back button and the other actions)

In addition to causing CLS, are we sure that showing the title under the back button is ok to see?

Expected behavior

I expect to have the same behaviour from the SkeletonPage component and the Page component
Personal preference: I expect the title to be inline with the back button on the Page component

Actual behavior

This is the skeleton page I show the merchant while fetching the data used by the page:

I expect the title to be on the green square, am I wrong?

This is the page the merchant sees after the loading page:

Steps to reproduce

Create a really basic component that has a <Page> and SkeletonPage with title and backAction set or have a look at this CodeSandbox

<>
  <Page title="title" backAction={{ onAction: () => null }}>
    <Card>Awesome content</Card>
  </Page>
  <SkeletonPage title="title" backAction>
    <Card>Awesome skeleton content</Card>
  </SkeletonPage>
</>

Are you using React components?

Yes

Polaris version number

13.5.0

Browser

Brave

Device

MacBook Air M1 2020