paper-select showing behind bsmodal in Ember

I am rendering a form in a bs-modal where I have a paper-select with 5 items. When I click on the paper-select, the dropdown is appearing behind the bs-modal and is not useable.

I have attempted to give the specific paper-select a high z-index value, but it is still rendering behind the bs-modal.

How do I render a paper-select dropdown infront of a bsmodal?