diff --git a/common/src/main/ets/default/uicomponents/RemoveFormDialog.ets b/common/src/main/ets/default/uicomponents/RemoveFormDialog.ets
index 7abc3531835503ccaaed4a140dcbc5f085810b62..ba0df133c43ead7c198e21ffc9f1036561f92494 100644
--- a/common/src/main/ets/default/uicomponents/RemoveFormDialog.ets
+++ b/common/src/main/ets/default/uicomponents/RemoveFormDialog.ets
@@ -48,21 +48,23 @@ export struct RemoveFormDialog {
         Column() {
           Row() {
             Text(this.dialogName)
-              .width(StyleConstants.PERCENTAGE_70)
+              .width(StyleConstants.PERCENTAGE_100)
               .fontSize(StyleConstants.DEFAULT_FORM_FONT_CONTENT_SIZE)
               .fontWeight(StyleConstants.DEFAULT_FORM_FONT_TITLE_WEIGHT)
+              .textAlign(TextAlign.Center)
           }
           .alignItems(VerticalAlign.Center)
           .margin({ top: StyleConstants.DEFAULT_20 })
 
           Row() {
             Text($r('app.string.remove_form_dialog_content'))
-              .width(StyleConstants.PERCENTAGE_70)
+              .width(StyleConstants.PERCENTAGE_100)
               .fontSize(StyleConstants.DEFAULT_FORM_FONT_TITLE_SIZE)
               .fontWeight(StyleConstants.DEFAULT_FORM_FONT_CONTENT_WEIGHT)
+              .textAlign(TextAlign.Center)
           }
           .alignItems(VerticalAlign.Center)
-          .margin({ top: StyleConstants.DEFAULT_20 })
+          .margin({ top: StyleConstants.DEFAULT_20, bottom: StyleConstants.DEFAULT_20 })
 
           Flex({ justifyContent: FlexAlign.SpaceEvenly }) {
             Button() {