Side menu dynamic size causes increased gap

[muratcorlu]

In smaller viewports, side menu goes thinner and this causes an increased gap between the page content and side menu.

I think the easiest way to fix this is overriding Ionic's default 28% max-width definition (via SCSS variable) explicitly, like:

ion-split-pane {
  --side-max-width: var(--ios26-menu-width);
}