setIcon for tabLayout is putting the icon above the text, not below it
<p>So here's the dependencies that are causing the problem in build.grade:</p>

<p>The not working code here:</p>

<pre><code>compile 'com.android.support:appcompat-v7:23.2.1'
compile 'com.android.support:design:23.2.1'
</code></pre>

<p>Working code here:</p>

<pre><code>compile 'com.android.support:appcompat-v7:23.0.1'
compile 'com.android.support:design:23.0.1'
</code></pre>

<p>The working code is actually older than the newer one as you can see. Here is what I am trying to get at.</p>

<p>With the non-working code, the icons are showing above the text like this:</p>

<p><a href="http://i.imgur.com/4UQskRv.png" rel="nofollow">Non working layout</a></p>

<p>and with the working code, it is like this (which is how I want it to show):</p>

<p><a href="http://i.imgur.com/zjdaaHa.png" rel="nofollow">Working layout</a></p>

<p>Is there anyway to make the icons show in the second image with using the "non working code"?</p>

<p>NOTE: I am using tabLayout and I am setting the icons like this: </p>

<pre><code>private int[] tabIcons = {
        R.drawable.ic_action_add,
        R.drawable.ic_action_gear
};

tabLayout.getTabAt(0).setIcon(tabIcons[0]);
tabLayout.getTabAt(1).setIcon(tabIcons[1]);
</code></pre>

<p>and I am setting the text on the tabs like this:</p>

<pre><code>private void setupViewPager(ViewPager viewPager) {
    ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
    adapter.addFrag(new ProfileFragment(), "Add");
    adapter.addFrag(new ProfileFeedFragment(), "Settings");
    viewPager.setAdapter(adapter);
}
</code></pre>