title: How to adjust the height of AngularJS Material Select Box?
body: <p>I have the following code</p>
  
  <pre><code>&lt;md-input-container style="margin-right: 10px;width: 13%;"  class="ScenarioDetailsDropdown" &gt;
          &lt;h4    class="LabelsPageOne"&gt;Geography Type&lt;/h4&gt;
  
          &lt;md-select ng-model="GeographyType" ng-change="SelectGeographyType()" &gt;
            &lt;md-option   ng-repeat="(index,ModelTableRow) in ModelTable | unique:'geographyType'" ng-value="ModelTableRow.geographyType" &gt;{{ModelTableRow.geographyType}}&lt;/md-option&gt;
          &lt;/md-select&gt;
  
  &lt;/md-input-container&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/XDq8e.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XDq8e.png" alt="Angular Material Dropdown"></a></p>
  
  <p>How can i reduce the height of the Select Boxes?
  Also, how can I reduce the top padding in md-input-container?
  I tried using this : </p>
  
  <pre><code>&lt;md-input-container style="margin-right: 10px;width: 13%;" class="ScenarioDetailsDropdown" style="padding : 0px 0px !important;margin:0px 0px;" &gt;
  </code></pre>
  
  <p>But, its not working.
  Can you please help me to do this??
  Thanks!</p>