title: Android Studio - round button inside square
body: <p>I want to make a round button in Android Studio. I have created a separate xml that I saved in drawable called round_button.xml</p>
  
  <pre><code>    &lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="oval"&gt;
      &lt;solid android:color="#cccccc"/&gt;
      &lt;stroke android:width="2dp" android:color="#000000" /&gt;
  &lt;/shape&gt;
  </code></pre>
  
  <p>Then I used it in my button function.</p>
  
  <pre><code>&lt;Button
          android:layout_width="100dp"
          android:layout_height="100dp"
          android:background="@drawable/round_button"
          android:text="ME"
          android:id="@+id/button7"
          android:layout_below="@+id/textView4"
          android:layout_centerHorizontal="true"
          android:layout_marginTop="119dp"
  
          android:layout_alignParentEnd="false" /&gt;
  </code></pre>
  
  <p>The problem is that my round button seems to be inside a square shape. How can I get rid of it? Any ideas?</p>
  
  <p><img src="https://i.stack.imgur.com/ZbTxR.png" alt="enter image description here"></p>