How to adjust the height of AngularJS Material Select Box?
<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>