dockview Themes with gap overflow

Describe the bug Setting a theme with a non zero gap i.e. themeAbyssSpaced overflows the main container and scrollbars are visible. Additionally themeReplit displays scrollbars in panel containers.

To Reproduce


import {
  DockviewReact,
  type DockviewReadyEvent,
  type IDockviewPanelProps,
  themeAbyssSpaced,
} from 'dockview';

const Default = (props: IDockviewPanelProps) => {
  return <div>{props.api.title}</div>;
};

const components = {
  default: Default,
};

export default function App() {
  const onReady = (event: DockviewReadyEvent) => {
    event.api.addPanel({
        id: 'panel_1',
        title: 'Panel 1',
        component: 'default',
    });

    event.api.addPanel({
        id: 'panel_2',
        title: 'Panel 2',
        component: 'default',
        position: {
            direction: 'right',
            referencePanel: 'panel_1',
        },
    });
  };

  return (
    <DockviewReact theme={themeAbyssSpaced} onReady={onReady} components={components} />
  );
};

Expected behavior No scrollbar should be visible for themes with a non zero gap.

Screenshots

themeAbyss (OK):