diff --git a/npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.ts b/npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.ts
index c1410ff148..75c14d4aeb 100644
--- a/npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.ts
+++ b/npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.ts
@@ -54,9 +54,6 @@ export class RolesComponent implements OnInit {
 
   permissionManagementKey = ePermissionManagementComponents.PermissionManagement;
 
-  @ViewChild('formRef', { static: false, read: ElementRef })
-  formRef: ElementRef<HTMLFormElement>;
-
   onVisiblePermissionChange = event => {
     this.visiblePermissions = event;
   };
@@ -130,12 +127,6 @@ export class RolesComponent implements OnInit {
     this.list.hookToQuery(query => this.store.dispatch(new GetRoles(query))).subscribe();
   }
 
-  onClickSaveButton() {
-    this.formRef.nativeElement.dispatchEvent(
-      new Event('submit', { bubbles: true, cancelable: true }),
-    );
-  }
-
   openPermissionsModal(providerKey: string) {
     this.providerKey = providerKey;
     setTimeout(() => {
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.html b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.html
index bc70c79fc1..ee0d99b7cb 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.html
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.html
@@ -17,7 +17,7 @@
   <div id="abp-modal-body" class="modal-body">
     <ng-container *ngTemplateOutlet="abpBody"></ng-container>
   </div>
-  <div id="abp-modal-footer" class="modal-footer">
+  <div *ngIf="abpFooter" id="abp-modal-footer" class="modal-footer">
     <ng-container *ngTemplateOutlet="abpFooter"></ng-container>
   </div>
 </ng-template>