Broken layout on build

[adriangube]

Describe the bug

The production build presents a broken layout, especially for the sidebar. The issue seems related to an style that sets all divs as inline-block. This only happens when building. On local serve the application looks as expected.

This is a short example of the behaviour.

bug.mov

Reproduction

Build the application

System Info

System:
    OS: macOS 14.3.1
    CPU: (10) arm64 Apple M2 Pro
    Memory: 68.69 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.17.1 - ~/.nvm/versions/node/v18.17.1/bin/node
    npm: 9.6.7 - ~/.nvm/versions/node/v18.17.1/bin/npm
  Browsers:
    Brave Browser: 126.1.67.116
    Chrome: 126.0.6478.62
    Edge: 126.0.2592.61
    Safari: 17.3.1
  npmPackages:
    @histoire/plugin-vue: ^0.17.17 => 0.17.17
    @vitejs/plugin-vue: ^5.0.4 => 5.0.5
    histoire: ^0.17.17 => 0.17.17

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.