title: Error message spacing not working in TextInputLayout Outlined style
body: <p>I am trying to implement a form using MaterialComponents TextInputLayout. According to the <a href="https://material.io/components/text-fields#specs" rel="nofollow noreferrer">docs</a>, it should have a space for error message. I've enabled error message in my layout xml and it also shows in the Android Studio layout preview but is not working in the application.</p>
  
  <pre><code>    &lt;com.google.android.material.textfield.TextInputLayout
          android:id="@+id/name_input_layout"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          app:errorEnabled="true"
          style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
          android:hint="@string/hint_name"&gt;
  
          &lt;com.google.android.material.textfield.TextInputEditText
              android:id="@+id/input_name"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:textColor="@color/colorPrimaryText"
              android:singleLine="true" /&gt;
  
      &lt;/com.google.android.material.textfield.TextInputLayout&gt;
  </code></pre>
  
  <p>Preview:</p>
  
  <p><a href="https://i.stack.imgur.com/gMl92.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gMl92.png" alt="enter image description here"></a></p>
  
  <p>What is actually happening:</p>
  
  <p><a href="https://i.stack.imgur.com/Qs65A.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Qs65A.gif" alt="enter image description here"></a></p>