<NavbarNav right>
   <NavItem>
      <Dropdown isOpen={this.state.dropdownOpen} toggle={this.toggle}>
         <DropdownToggle nav caret>Dropdown</DropdownToggle>
         <DropdownMenu>
            <DropdownItem href="#">Action</DropdownItem>
            <DropdownItem href="#">Another Action</DropdownItem>
            <DropdownItem href="#">Something else here</DropdownItem>
            <DropdownItem href="#">Something else here</DropdownItem>
         </DropdownMenu>
      </Dropdown>
   </NavItem>
</NavbarNav>

When pressing the dropdown button, the dropdown comes down, but a quite large bit goes off the screen (see attached screenshot). How do I fix this?
https://i.imgur.com/fyymtgy.png