Unable to select plotly js range slider under the graph overlay

Hello, I am having some trouble getting my range slider to be selectable. From the image below, when I try to select the tabs to adjust the time window it won’t let me click on them since it seems the graph overlay is covering the select field for some reason. I have a bar graph and a scatter plot on the same chart, with a separate yaxis2 for the scatter plot. It seems this is only an issue when I include the scatter plot, so I was wondering if there is a specific setting I need to change in my code to avoid this issue. Thanks!