Horizontal timeline overflow

[RulerChen]

I have an overflow issue when using Docusaurus mdx files. I don't know how to fix it.
I also discovered that the timeline point is slightly offset from the center.
I'm not sure if this is an issue with mdx or with react-chrono.

"@docusaurus/core": "^3.1.1",
"@mdx-js/react": "^3.0.0",
"react-chrono": "^2.4.2",

here is my code

### Timeline

import { Chrono } from 'react-chrono';
import { yahoo } from './timeline';

<div style={{ width: '100%', height: '500px' }}>
  <Chrono
    items={yahoo}
    mode="HORIZONTAL"
    theme={{
      primary: 'white',
      secondary: 'white',
      titleColor: 'white',
      titleColorActive: '#242526'
    }}
    cardLess
    hideControls
    disableTimelinePoint
  />
</div>

result

thanks for your time.