Docusaurus Sidebar

[mon-java]

Docusaurus2で3階層のサイドバーを作りたいです。
sidebars.jsでドキュメント通りに設定を行ったが、一階層目を開いたときに2階層目のitem数分のheightで高さが決まってしまいます。
すると、3階層目itemを表示するために2階層目のドロップダウンを開くと高さがすでに決まっていて3階層目のitemがすべて表示されません。
そこでcustom.cssでheightを設定しようとしました。

.menu__list{
height: auto !important;
}
※menu__listはBBBとEEEを含んだクラス。

この場合、2階層目を開くとその下のitemが全て表示されるようになるがドロップダウンが閉じなくなってしまいました。
このときheightは0。
src/js/custom.jsを作成してJavaScriptで設定しようとしても読み込まれていないのかできません。
2階層目を開いたときにその下のitemすべてが表示されるようにするにはどうすればよいのか教えてください。

例

AAA
　BBB
　　CCC
　　DDD
　EEE
　　FFF
　　GGG
AAAのドロップダウンを開くとBBBとEEEが開く。
ここでBBBとEEE分の高さで表示できる高さが決まってしまう。
BBBまたはEEEを開いたときにその下のitemが表示されない。