title: How to make Icon fit in Menu.Item in Semantic UI React Vertical Menu?
body: <p>I'm building a vertical menu bar in Semantic UI React.  I have a number of Menu.Item components in my Menu.  The first Menu.Item contains an Icon component with no Menu text.  The issue I am having is that the Icon is overflowing into the Menu.Item below it.  I can't figure out why this is?  I have tried adjusting margin, padding, line-height but nothing seems to work.  Any ideas?  Would be greatly appreciated.  Thank you.</p>
  
  <p><a href="https://i.stack.imgur.com/3eEey.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3eEey.png" alt="enter image description here"></a></p>
  
  <p>Here is my code for the first couple Menu.Items.  Adding text to Menu.Item increases the size correctly but I don't want any Menu text with the Icon.</p>
  
  <pre><code>&lt;Menu.Item link&gt;&lt;Icon name='x' size='large'/&gt;&lt;/Menu.Item&gt;
              &lt;Menu.Item as={Link} to='/' onClick={this.handleSidebarHide}&gt;
                Home
              &lt;/Menu.Item&gt;
              &lt;Menu.Item as={Link} to='/about' onClick={this.handleSidebarHide}&gt;About Us&lt;/Menu.Item&gt;
  </code></pre>