diff --git a/plugins/mariadb/index.py b/plugins/mariadb/index.py
index 621bf460a..bde989967 100755
--- a/plugins/mariadb/index.py
+++ b/plugins/mariadb/index.py
@@ -2378,10 +2378,10 @@ def getMasterRepSlaveUserCmd(version):
     base_sql = "CHANGE MASTER " + connection_name + "TO MASTER_HOST='" + ip + "', MASTER_PORT=" + port + ", MASTER_USER='" + \
             clist[0]['username']  + "', MASTER_PASSWORD='" + \
             clist[0]['password'];
-    sql = '<span>经典模式</span><hr/>'
+    sql = '<span class="set-info c7 ta_center">经典模式</span><hr style="margin-top: 5px;margin-bottom: 10px;"/>'
     sql += base_sql + "', MASTER_LOG_FILE='" + mstatus[0]["File"] + \
             "',MASTER_LOG_POS=" + str(mstatus[0]["Position"])
-    sql += "<br/><hr/><span>GTID模式</span><hr/>";
+    sql = '<br/><span class="set-info c7 ta_center">GTID模式</span><hr style="margin-top: 5px;margin-bottom: 10px;"/>'
     sql += base_sql + "',MASTER_USE_GTID=slave_pos,MASTER_CONNECT_RETRY=10;";    
     sql += "<br/>";
 
diff --git a/web/static/css/site.css b/web/static/css/site.css
index 8f0ff11c7..6ad391f67 100755
--- a/web/static/css/site.css
+++ b/web/static/css/site.css
@@ -300,6 +300,12 @@ html {
     vertical-align: 0
 }
 
+.ta_center{
+    text-align: center;
+    display: flex;
+    justify-content: center;
+}
+
 .ico-font-ask {
     border: 1px solid #999;
     border-radius: 8px;