Help with layout configuration: header clipped with temporay sidebar

As you can see from my scheme, the header is clipped (above sidebar) starting from lg breakpoint:

import { Scheme } from '@mui-treasury/layout';

export const layout: Scheme = {
  header: {
    config: {
      xs: { position: 'fixed', height: 56, clipped: false },
      lg: { position: 'fixed', height: 64, clipped: true }, // starting from here, header is clipped
    },
  },

  // Header clip is fine for the leftEdgeSidebar because it's permanent on lg
  leftEdgeSidebar: {
    autoCollapse: 'lg',
    config: {
      xs: { variant: 'temporary', width: 256 },
      lg: {
        variant: 'permanent',
        width: 256,
        collapsible: true,
        collapsedWidth: 64,
        headerMagnetEnabled: true
      }
    },
  },

  // Header clip is not fine because rightEdgeSidebar is still temporary on lg (it's ok from xl and up)
  rightEdgeSidebar: {
    config: {
      xs: { variant: 'temporary', width: 256 },
      xl: { variant: 'permanent', width: 256 },
    }
  },
};

For leftEdgeSidebar this is fine: at lg breakpoint header is clipped but sidebar is permanent.

This configuration however won't work fine for rightEdgeSidebar: there is a "gap" between lg and xl when header is clipped and rightEdgeSidebar is still temporary.

Below lg (included):

Between lg (included) and xl (excluded):

Above xl (included):

Any idea how to solve this, aside from lowering the breakpoint from xlto lg for rightEdgeSidebar?

siriwatknp / mui-treasury

Help with layout configuration: header clipped with temporay sidebar #1208