title: How to resize a material-ui button
body: <p>I have this code here :</p>
  
  <p>I am trying to have 3 small square buttons with + and - sign and one in the middle with a digit.
  I am using material.
  The buttons now are rectangular and too big for my app.
  My problem is I just can't have them square and resize them. I have tried a lot of things but it doesn't work.
  Thanks</p>
  
  <pre><code>     &lt;Grid item&gt;
          &lt;Button onClick={this.up} variant="outlined"&gt;
            &lt;Add color="secondary" /&gt;
          &lt;/Button&gt;
          &lt;Button style={{ padding: "11px 0px" }} variant="outlined"&gt;
            {this.state.quantity &lt; 1 ? 0 : this.state.quantity}
          &lt;/Button&gt;
          &lt;Button onClick={this.down} variant="outlined"&gt;
            &lt;Remove color="secondary" /&gt;
          &lt;/Button&gt;
        &lt;/Grid&gt;
  </code></pre>