react-big- calendar Table TD перекрывается снаружи Table и TD

Я использую react-big-calendar внутри таблицы с tbody, tr и td. Когда есть данные в календарном месяце, react-big-calendar помещается на странице и внутри панели. Однако, как я добавлял события в календарь, он перекрывается таблицей, тр, панелью. Правая сторона расширяется, и мне приходится использовать горизонтальную полосу прокрутки, чтобы увидеть крайнюю правую сторону.

Я также попробовал следующее, и это помогает сделать календарь подходящим, но это жесткое кодирование ширины, и мне нравится, чтобы календарь изменялся в зависимости от ширины браузера.

стиль ({высота: "100vh", ширина: "100vh"})

ширина; «100%» не работает.

Любая помощь приветствуется.

Мне нужно, чтобы он оставался внутри стола.

<table className={myStyle.myTableStyle}>
 <tbody>
   <tr>
    <td width=98% className={myStyle.myPanel}>
      <Calendar 
        className="myCalendar"
        selectable={true}
        localizer={myLocalizer}
        defaultView="month"
        events={myEvents}
        style({height: "100vh"})
        popup={true}
      />
    </td>
   </tr>
 </tbody>
</table>