Bootstrap 3 nav dropdown

I'm using navbar with a dropdown menu (Bootstrap 3) - I resize the browser window < 767px - I open the menu - I resize the browser window > 767px - I open the dropdown menu (inside navbar) The issue: A scrollbar appears in the dropdown menu. (see picture below) My "nav" element is relative position. ``` <nav class="navbar navbar-default clearfix" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="logo" href="#"></a> </div> <div class="collapse navbar-collapse navbar-main-collapse"> <ul class="main-menu user hidden-xs"> <li class="dropdown"> <a href="#" class="dropdown-toggle btn btn-xs btn-primary" data-toggle="dropdown"> <span class="glyphicon glyphicon-user"></span> </a> <ul class="dropdown-menu pull-right" role="menu"> <li><a href="#">Menu item 1</a></li> <li><a href="#">Menu item 2</a></li> <li class="divider"></li> <li><a href="#">Menu item 3</a></li> </ul> </li> </ul> </div> </nav> ``` Does anyone know how to fix this issue?