Modal in Goldentemplate showing below main tabs

I’m using GoldenTemplate and having a few tabs in my main.
I’m trying to create a modal of tabs that pop up when hitting a button in main, and it should overlay on top of the main tabs, but instead it’s showing below:

pn.extension(‘tabulator’,css_files=[“https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css”])
As=[1,2]
Bs=[3,4]
main_df=pd.DataFrame({‘A’:As,‘B’:Bs})
bootstrap = pn.template.GoldenTemplate(title=‘Test’, sidebar_width=12)
main_df_widget = pn.widgets.Tabulator(main_df,buttons={“edit”: “”})

tmp=pn.Tabs()
tmp.append(main_df_widget)
bootstrap.main.append(tmp)

bootstrap.modal.append(pn.widgets.StaticText(value=“Test”))

def about_callback(event):
bootstrap.open_modal()

main_df_widget.on_click(about_callback)
bootstrap.show()