title: Align the text in the toolbar with the icons
body: <p>Here's how my toolbar currently looks. The text seems completely mislaid.</p>
  
  <p><img src="https://i.stack.imgur.com/L7EHw.png" alt="enter image description here"></p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;android.support.v7.widget.Toolbar
      android:id="@+id/toolbar"
      android:layout_width="match_parent"
      android:layout_height="56dp"
      android:background="@color/blue_grey_900"
      android:gravity="center"
      android:minHeight="?android:attr/actionBarSize"
      app:popupTheme="@style/ToolbarPopup"
      app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
      android:elevation="5dp"/&gt;
  </code></pre>
  
  <p>What's causing the misalignment?</p>