diff --git a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html
index dbf813405..ec2d1e9e9 100644
--- a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html
@@ -2,9 +2,7 @@
   <div class="aca-edit-rule-dialog__header__title" data-automation-id="edit-rule-dialog-title">
     {{ title | translate }}
   </div>
-  <button mat-icon-button mat-dialog-close class="aca-edit-rule-dialog__header__close" tabindex="-1">
-    <mat-icon class="aca-edit-rule-dialog__header__icon">close</mat-icon>
-  </button>
+  <adf-button variant="icon" icon="close" mat-dialog-close tabindex="-1" [iconSize]="'18px'"></adf-button>
 </div>
 
 <mat-dialog-content class="aca-edit-rule-dialog__content">
@@ -19,6 +17,6 @@
 </mat-dialog-content>
 
 <mat-dialog-actions align="end" class="aca-edit-rule-dialog__footer">
-  <button mat-flat-button mat-dialog-close>{{ 'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.CANCEL' | translate }}</button>
-  <button mat-flat-button color="primary" [disabled]="!formValid" data-automation-id="edit-rule-dialog-submit" (click)="onSubmit()">{{ submitLabel | translate }}</button>
+  <adf-button variant="flat" mat-dialog-close>{{ 'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.CANCEL' | translate }}</adf-button>
+  <adf-button variant="flat" color="primary" [disabled]="!formValid" data-automation-id="edit-rule-dialog-submit" (click)="onSubmit()">{{ submitLabel | translate }}</adf-button>
 </mat-dialog-actions>
diff --git a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss
index 9a6e7228a..749a9f043 100644
--- a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss
@@ -18,12 +18,6 @@
       font-weight: bold;
       flex-grow: 1;
     }
-
-    &__close {
-      & .aca-edit-rule-dialog__header__icon {
-        font-size: 18px;
-      }
-    }
   }
 
   &__content {
diff --git a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.ts b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.ts
index ef200a80c..5689800b3 100644
--- a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.ts
+++ b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.ts
@@ -30,9 +30,8 @@ import { ActionDefinitionTransformed } from '../model/rule-action.model';
 import { ActionParameterConstraint } from '../model/action-parameter-constraint.model';
 import { CommonModule } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
 import { RuleDetailsUiComponent } from './rule-details.ui-component';
+import { ButtonComponent } from '@alfresco/adf-core';
 
 export interface EditRuleDialogOptions {
   model?: Partial<Rule>;
@@ -43,7 +42,7 @@ export interface EditRuleDialogOptions {
 
 @Component({
   standalone: true,
-  imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, MatIconModule, RuleDetailsUiComponent],
+  imports: [CommonModule, TranslateModule, MatDialogModule, RuleDetailsUiComponent, ButtonComponent],
   selector: 'aca-edit-rule-dialog',
   templateUrl: './edit-rule-dialog.ui-component.html',
   styleUrls: ['./edit-rule-dialog.ui-component.scss'],