Canter align of message alert text and icon

framework/src/Volo.Abp.BlazoriseUI/Components/UiMessageAlert.razor

@@ -9,16 +9,18 @@
         <ModalBody>
             @if ( ShowMessageIcon )
             {
-                <DisplayHeading Size="DisplayHeadingSize.Is2" Style="text-align:center;">
+                <DisplayHeading Size="DisplayHeadingSize.Is2" Alignment="TextAlignment.Center">
                     <Icon Name="@MessageIcon" Style="@MessageIconStyle" />
                 </DisplayHeading>
             }
-            @Message
+            <Text Alignment="TextAlignment.Center">
+                @Message
+            </Text>
         </ModalBody>
         <ModalFooter>
             @if ( IsConfirmation )
             {
-                <Button Color="Color.Danger" Padding="Padding.Is2.OnX" Margin="Margin.IsAuto.FromRight" Clicked="@OnCancelClicked">
+                <Button Color="Color.Danger" Padding="Padding.Is2.OnX" Clicked="@OnCancelClicked">
                     @if ( Options?.CancelButtonIcon != null )
                     {
                         <Icon Name="@Options.CancelButtonIcon" Margin="Margin.Is2.FromRight" />