How to remove extra padding or margin in material design button?
<p>I am trying to create an button which is attached to the TextView above the button as shown in the below image.</p>

<p><a href="https://i.stack.imgur.com/D9DF6.png" rel="noreferrer"><img src="https://i.stack.imgur.com/D9DF6.png" alt="enter image description here"></a></p>

<p>The above screenshot is taken from the Note 4 and the OS version is 5.0.1.</p>

<p>Below is the code is used to achieve the UI.</p>

<p>layout/xyz.xml</p>

<pre><code>    &lt;Button
    android:layout_width="250dp"
    android:layout_height="50dp"
    android:theme="@style/myButton"
    android:text="Cancel"/&gt;
</code></pre>

<p>values-v21/style.xml</p>

<pre><code>    &lt;style name="myButton" parent="@style/Base.Widget.AppCompat.Button"&gt;
    &lt;item name="android:colorButtonNormal"&gt;#3578A9&lt;/item&gt;
    &lt;item name="android:inset"&gt;0dp&lt;/item&gt;
    &lt;/style&gt;
</code></pre>

<p>But if I run the same code in Nexus4 OS verison 5.1.1, the button is taking the margin for all the 4 sides and the screenshot looks like below.</p>

<p><a href="https://i.stack.imgur.com/iYRlf.png" rel="noreferrer"><img src="https://i.stack.imgur.com/iYRlf.png" alt="enter image description here"></a></p>

<p>If I remove the "android:theme" and provide the "android:background", the UI looks like the first image. But It won't give the ripple effect. So how the achieve the UI as first image with the ripple effect.</p>