diff --git a/src/ui_ng/lib/src/create-edit-endpoint/create-edit-endpoint.component.ts b/src/ui_ng/lib/src/create-edit-endpoint/create-edit-endpoint.component.ts
index be458ba3f..b10c24cb0 100644
--- a/src/ui_ng/lib/src/create-edit-endpoint/create-edit-endpoint.component.ts
+++ b/src/ui_ng/lib/src/create-edit-endpoint/create-edit-endpoint.component.ts
@@ -248,6 +248,7 @@ export class CreateEditEndpointComponent implements AfterViewChecked, OnDestroy
                     .subscribe(res => {
                         this.inlineAlert.showInlineError(res);
                     });
+                this.forceRefreshView(1000);
             }
             );
         this.forceRefreshView(1000);
@@ -294,9 +295,10 @@ export class CreateEditEndpointComponent implements AfterViewChecked, OnDestroy
                         this.inlineAlert.showInlineError(res);
                     });
                 this.onGoing = false;
+                this.forceRefreshView(1000);
             }
             );
-        this.forceRefreshView(100);
+        this.forceRefreshView(1000);
     }
 
     handleErrorMessageKey(status: number): string {
diff --git a/src/ui_ng/package.json b/src/ui_ng/package.json
index dc80ba586..03bb05a35 100644
--- a/src/ui_ng/package.json
+++ b/src/ui_ng/package.json
@@ -31,7 +31,7 @@
         "clarity-icons": "^0.10.17",
         "clarity-ui": "^0.10.17",
         "core-js": "^2.4.1",
-        "harbor-ui": "0.6.33",
+        "harbor-ui": "0.6.34",
         "intl": "^1.2.5",
         "mutationobserver-shim": "^0.3.2",
         "ngx-cookie": "^1.0.0",
diff --git a/src/ui_ng/src/app/replication/replication-rule/replication-rule.html b/src/ui_ng/src/app/replication/replication-rule/replication-rule.html
index 8884c26c1..6dcd4f072 100644
--- a/src/ui_ng/src/app/replication/replication-rule/replication-rule.html
+++ b/src/ui_ng/src/app/replication/replication-rule/replication-rule.html
@@ -118,11 +118,11 @@
    </div>
   </div>
 
-  <div class="offset-md-4">
+  <div>
    <span class="spinner spinner-inline" [hidden]="inProgress === false"></span>
    <br>
-   <button type="button" id="ruleBtnCancel" class="btn btn-outline" [disabled]="!hasFormChange() || this.inProgress || this.isSubmitOver" (click)="onCancel()">{{ 'BUTTON.CANCEL' | translate }}</button>
-   <button type="submit" id="ruleBtnOk" class="btn btn-primary"  (click)="onSubmit()" [disabled]="!ruleForm.valid || !isVaild || !hasFormChange()">{{ 'BUTTON.OK' | translate }}</button>
+   <button type="submit" id="ruleBtnOk" class="btn btn-primary"  (click)="onSubmit()" [disabled]="!ruleForm.valid || !isVaild || !hasFormChange()">{{ 'BUTTON.SAVE' | translate }}</button>
+   <button type="button" id="ruleBtnCancel" class="btn btn-outline" [disabled]="this.inProgress || this.isSubmitOver" (click)="onCancel()">{{ 'BUTTON.CANCEL' | translate }}</button>
   </div><!-- [disabled]="!ruleForm.valid"-->
  </section>
 </form>