Ketcher wrongly collapses customButtons when some of the standard buttons are hidden

[BrannJoly]

Steps to Reproduce

Create a Ketcher with at least two custom buttons and at least one hidden standard button, eg:

  <Editor
        customButtons={[
          {
            id: 'test1,
            title: 'test1',
            imageLink: 'src/assets/common/test1.png',
          },
          {
         id: 'test2,
            title: 'test2',
            imageLink: 'src/assets/common/test2.png',
          },
        ]}
        onInit={initHandler}
        buttons={{
          fullscreen: { hidden: true },
         }}
        staticResourcesUrl={'/'}
        structServiceProvider={structServiceProvider}
        errorHandler={(message: string): void => {
          console.log(message);
        }}

play with the horizontal side of the ketcher. At some point the custom button collapse in a submenu eventhough there's plenty of space available (see screenshot)

This only happens when hiding some of the default buttons. I was not able to reproduce it while using all the standard buttons

Actual behavior
the buttons are collapsed in a submenu eventhough there's enough space available to show them properly

Expected behavior
I would have expected all my buttons to show up given enough space was available, like this :

Screenshots

Desktop (please complete the following information):

• OS: MacOs
• Browser: issue happens with Chrome 131.0.6778.140
• Version 131.0.6778.140
  I also reproduced the issue on firefox

Ketcher version 2.26.0