title: How to overwrite the root properties of a material ui component
body: <p>How to overwrite the style properties mentioned on the root element</p>
  <pre><code>    height: 0.01em;
      display: flex; 
      max-height: 2em;
      align-items: center;
      white-space: nowrap;
  }
  </code></pre>
  <pre><code>&lt;InputAdornment
   position=&quot;end&quot;
  &gt;
     {&quot;hello&quot;}
  &lt;/InputAdornment&gt;
  </code></pre>