title: Dropdown item text in AngularJS, bootstrap gets chopped from bottom
body: <p>My dropdown has several values, when clicks on dropdown to see the list, grey has full 'y'. Upon selection, bottom portion of Grey gets chopped. This is happening with all similar characters.</p>
  
  <p><img src="https://i.stack.imgur.com/RFuaN.png" alt="enter image description here"></p>
  
  <p>Edit:</p>
  
  <pre><code>&lt;div class="col-lg-6"&gt;&lt;div class="col-lg-6"&gt;
  &lt;div class="form-group" ng-repeat="attrib in col1Attribs"&gt;
      &lt;div ng-class="invalidCodeClass"&gt;
          &lt;label class="control-label" for="txtCode"&gt;{{attrib.displayText}}&lt;/label&gt;
          &lt;select id="ddl{{attrib.configType}}" class="form-control"&gt;
              &lt;option ng-repeat="c in configOptions(attrib.configType)" value="{{c.configId}}"&gt;{{c.configValue}}&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>