Angular Material左侧Nav Sapce问题

Question

我正在关注角度素材入门应用示例，但是在侧面导航栏中，列表项之间有很多额外的空间。当我在Mozilla中打开页面时，我没有这个问题，但它在Chrome中并没有很好用。

<md-toolbar layout="row">      
      <h1>Angular Material - Starter App</h1>
    </md-toolbar>


    <div layout="row" flex>

        <md-sidenav layout="column" md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')"
                    class="md-whiteframe-z2">
         <md-list>

          <md-subheader class="md-no-sticky">Favorites</md-subheader>
          <md-list-item class="md-1-line">
             <h3>Bio</h3>         
          </md-list-item>
             <md-divider></md-divider>
          <md-list-item class="md-1-line">
             <h3>Professional</h3>        
         </md-list-item>                

         </md-list>
        </md-sidenav>

        <md-content flex id="content"> 
           <p>Main Content will come here</p>
        </md-content>

    </div>