如何在材质组件中使用样式使按钮中的文本正确对齐？

Question

我正在使用材料组件，并且在警报对话框中有一个按钮，如上图所示，使用下面的样式

<style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <item name="materialAlertDialogTheme">@style/AlertDialogMaterialTheme</item>
</style>

<style name="AlertDialogMaterialTheme" parent="ThemeOverlay.MaterialComponents.MaterialAlertDialog">
    <item name="buttonBarNegativeButtonStyle">@style/Alert.Button.Negative</item>
</style>

<style name="Alert.Button.Negative" parent="Widget.MaterialComponents.Button.OutlinedButton">
    <item name="strokeColor">@color/color_0054BB</item>
    <item name="android:textColor">@color/color_0054BB</item>
    <item name="android:textAllCaps">false</item>
    <item name="android:textSize">14sp</item>
    <item name="android:layout_marginEnd">8dp</item>
    <item name="rippleColor">@color/colorAccent_main</item>
</style>

如您所见，“取消”文本位于按钮的中心。但是现在我需要使“取消”文本正确对齐。怎么做那样的东西？

我使用下面的代码来提示警报对话框

MaterialAlertDialogBuilder(mContext)
     .setTitle("this is title")
     .setMessage("this is message")
     .setPositiveButton("Yes") { _, _ ->

     }
     .setNegativeButton("No") { d, _ ->
         d.dismiss()
     }
     .show()