The Dropdown is appearing behind the screen.

[mustafan123]

• There are two issues that I'm currently having with this.

1- Firstly I have a list of users and groups, and I want this users sub-dropdown and the groups sub-dropdown to appear above or beyond this screen. You can see this is appearing behind the screen. The z-index on the bp-dropdown_Body is changing nothing.
NOTE - The component with the heading of 'Annotations' and these buttons already has a class with ( position : relative ) in the style.

2- Secondly The mouse hover only works on the first two buttons that is the Home and the Users. I am able to click on the Users button and the Users sub-dropdown will open. but the mouse click doesn't work on the Groups button that is just after the Users, so when the Users sub-dropdown is opened I can only have the mouse click working till the search bar. If I click below it the dropdown will close. Looks like the height is fixed, same way the dropdown closes when you click anywhere on the Groups Button which possibly means that it is considering the mouse to be outside of the dropdown area.