title: Outlined MaterialButton doesn't show any border
body: <p>I'm trying to build a layout with a bordered button as shown below (Expected behavior). From Material design documentation I read about Outlined Material Button that seemed to be perfect for my purpose. I defined the button in my layout, providing stroke width and stroke color but it isn't showing any border, what am I doing wrong?</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;com.google.android.material.button.MaterialButton
              android:id="@+id/material_text_button"
              style="@style/Widget.MaterialComponents.Button.OutlinedButton"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_marginStart="8dp"
              android:layout_marginEnd="8dp"
              android:text="Change name"
              android:background="@android:color/transparent"
              android:textSize="12sp"
              app:layout_constraintBottom_toBottomOf="@+id/listTextView2"
              app:layout_constraintEnd_toEndOf="parent"
              app:layout_constraintStart_toEndOf="@+id/listTextView2"
              app:layout_constraintTop_toTopOf="@+id/listTextView2"
              app:strokeColor="@color/green"
              app:strokeWidth="10dp" /&gt;
  </code></pre>
  
  <p>Expected behavior:</p>
  
  <p><a href="https://i.stack.imgur.com/6AprY.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6AprY.png" alt="enter image description here"></a></p>
  
  <p>Current behavior:</p>
  
  <p><a href="https://i.stack.imgur.com/glud6.png" rel="noreferrer"><img src="https://i.stack.imgur.com/glud6.png" alt="enter image description here"></a></p>