title: Icon in side menu has underline/Too big?
body: <p>I made a side menu with icons and added an active class to change the colour of the selected page.</p>
  
  <p>All is working fine, its just that on iOS and android there is this black underline or the icon is a little too big. I am new to ionic and am learning on the go, but this small issue is annoying me. I think i am going to make the icon a tiny bit smaller on iOS and android for it to work?</p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Here you can see the Issue i am talking about.
  <a href="https://i.stack.imgur.com/zsXa6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zsXa6.png" alt="enter image description here"></a></p>
  
  <p><strong>App.html</strong></p>
  
  <pre><code>&lt;ion-content&gt;
  &lt;ion-list&gt;
    &lt;button ion-item *ngFor="let p of pages" (click)="openPage(p)" [color]="p.color"&gt;
      &lt;ion-icon item-start [name]="p.icon" &gt;&lt;/ion-icon&gt;
      {{p.title}}
    &lt;/button&gt;
  &lt;/ion-list&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>App.component.ts</strong></p>
  
  <pre><code>openPage(page) {
  // close the menu when clicking a link from the menu
  this.menu.close();
  // navigate to the new page if it is not the current page 
  this.nav.setRoot(page.component);
  // Color for the active item
  page.color='dark';
  
  for (let p of this.pages) {
  
    if(p.title==page.title){
      p.color='dark';
    }else{
      p.color='';
    }
  }
  </code></pre>