React/Vite renders source code in a illegible way

[NicolasOmar]

Summary

Hello team.
My issue is related to Storybook's source block, which I am trying to adjust in my instance. However, I cannot make it more legible for other users.
I tried several adjustments following the documentation, but I am blocked.

Does anybody know what can be related to?

Example snapshot from my site:

Additional information

import type { StorybookConfig } from '@storybook/react-vite'

const config: StorybookConfig = {
  stories: ['../src/components/**/*.stories.tsx', '../src/design/**/*.mdx'],

  addons: [
    '@storybook/addon-onboarding',
    '@storybook/addon-links',
    '@storybook/addon-essentials',
    '@storybook/addon-interactions'
  ],

  framework: {
    name: '@storybook/react-vite',
    options: {}
  },

  typescript: {
    reactDocgen: 'react-docgen-typescript'
  }
}
export default config

Create a reproduction

No response

[amotl]

Hi. Reporter here, giving it a little emphasis. Thank you in advance for looking into this!

• Code examples on the documentation are hard to read NicolasOmar/reactive-bulma#559