diff --git a/admin-ui/src/app/features/resources/center/edit/edit.component.html b/admin-ui/src/app/features/resources/center/edit/edit.component.html
index f4c6029f..e3351ac4 100644
--- a/admin-ui/src/app/features/resources/center/edit/edit.component.html
+++ b/admin-ui/src/app/features/resources/center/edit/edit.component.html
@@ -104,10 +104,10 @@ <h3>{{ "center.location-details" | translate }}</h3>
               </mat-form-field>
             </div>
             <mat-card-actions class="action-buttons">
-              <button [disabled]="!primaryForm.dirty" id="createButton" mat-raised-button *ngIf="isEditable === 'editable'" (click)="submitPrimaryPanel()">
+              <button [disabled]="!primaryForm.dirty" id="createButton" mat-raised-button *ngIf="isEditable['editable']" (click)="submitPrimaryPanel()">
                 {{ "center.update" | translate }}
               </button>
-              <button [disabled]="!primaryForm.dirty" id="createButton" mat-raised-button *ngIf="isEditable === 'langCode'" (click)="submitPrimaryPanel()">
+              <button [disabled]="!primaryForm.dirty" id="createButton" mat-raised-button *ngIf="isEditable['langCode']" (click)="submitPrimaryPanel()">
                 {{ "center.create" | translate }}
               </button>
               <button mat-raised-button id="cancel" (click)="cancel()" *ngIf="secondaryLang">
diff --git a/admin-ui/src/app/features/resources/center/edit/edit.component.ts b/admin-ui/src/app/features/resources/center/edit/edit.component.ts
index a3654fd7..da00c9f0 100644
--- a/admin-ui/src/app/features/resources/center/edit/edit.component.ts
+++ b/admin-ui/src/app/features/resources/center/edit/edit.component.ts
@@ -101,7 +101,7 @@ export class EditComponent {
   dynamicFieldValue = {};
   showSpinner = false;
   showUpdateButton = null;
-  isEditable:string;
+  isEditable:any;
   constructor(
     private location: Location,
     private translateService: TranslateService,
@@ -227,7 +227,10 @@ export class EditComponent {
       this.filteredLanguages = this.supportedLanguages;
       this.getPrimaryPanelData(this.primaryLang);
     });
-    this.isEditable = window.location.href.split('?')[1].split('=')[0];
+    
+    this.activatedRoute.queryParams.subscribe(params => {
+      this.isEditable = params
+    });
   }
 
   setLocaleForDatePicker = (localeId) => {