diff --git a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.html
index 97b987c7fe..296d1290c6 100644
--- a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.html
@@ -27,7 +27,7 @@
   </mat-menu>
 </div>
 
-<button mat-flat-button data-automation-id="rule-action-list-add-action-button" (click)="addAction()" *ngIf="!readOnly">
-  <mat-icon>add</mat-icon>
+<button mat-flat-button class="aca-rule-action-list-add-action-button" data-automation-id="rule-action-list-add-action-button" (click)="addAction()" *ngIf="!readOnly">
+  <mat-icon class="aca-rule-action-list-add-action-button-icon">add</mat-icon>
   <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.ADD_ACTION' | translate }}</span>
 </button>
diff --git a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.scss
index ee287b0fcd..fca95775a0 100644
--- a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.scss
@@ -1,4 +1,16 @@
 .aca-rule-action-list {
+  .aca-rule-action-list-add-action-button {
+    margin: 4px 0 20px;
+
+    .aca-rule-action-list-add-action-button-icon {
+      width: 24px;
+      height: 24px;
+      font-size: 24px;
+      margin-right: 0;
+      margin-left: 1px;
+    }
+  }
+
   &__item {
     padding: 8px;
     border-radius: 8px;
diff --git a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.html
index 5f315c3a72..ddbba0b035 100644
--- a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.html
@@ -1,6 +1,6 @@
 <form class="aca-rule-action__form" [formGroup]="form">
 
-  <mat-form-field class="aca-rule-action-full-width" appearance="outline" subscriptSizing="dynamic">
+  <mat-form-field class="aca-rule-action-full-width" appearance="fill" subscriptSizing="dynamic">
     <mat-select
       formControlName="actionDefinitionId"
       data-automation-id="rule-action-select"
diff --git a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
index e4c2be0d86..9e6308c3b7 100644
--- a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
@@ -56,11 +56,11 @@
 
   <div class="aca-rule-composite-condition__form__actions" *ngIf="!readOnly" data-automation-id="add-actions">
     <button mat-flat-button (click)="addSimpleCondition()" data-automation-id="add-condition-button">
-      <mat-icon>add</mat-icon>
+      <mat-icon class="aca-rule-composite-condition__form__actions-add">add</mat-icon>
       <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.ADD_CONDITION' | translate }}</span>
     </button>
     <button mat-flat-button (click)="addCompositeCondition()" data-automation-id="add-group-button">
-      <mat-icon>add</mat-icon>
+      <mat-icon class="aca-rule-composite-condition__form__actions-add">add</mat-icon>
       <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.ADD_GROUP' | translate }}</span>
     </button>
   </div>
diff --git a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss
index d2af1b9eeb..d3197af390 100644
--- a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss
@@ -22,9 +22,18 @@
     }
 
     &__actions {
+      padding-left: 8px;
+
       button:not(:disabled) {
         background-color: unset;
       }
+
+      .aca-rule-composite-condition__form__actions-add {
+        width: 24px;
+        height: 24px;
+        font-size: 24px;
+        margin-right: 0;
+      }
     }
 
     &__row {
diff --git a/projects/aca-content/folder-rules/src/rule-details/options/rule-options.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/options/rule-options.ui-component.html
index ffd0c4213e..ee8034237e 100644
--- a/projects/aca-content/folder-rules/src/rule-details/options/rule-options.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/options/rule-options.ui-component.html
@@ -11,7 +11,7 @@
     <mat-form-field
       data-automation-id="rule-option-form-field-errorScript"
       floatLabel="always"
-      appearance="outline"
+      appearance="fill"
       class="aca-rule-options__error-script-dropdown"
       [ngClass]="{ 'aca-hide-error-script-dropdown': hideErrorScriptDropdown }">
       <mat-label>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.OPTIONS.ERROR_SCRIPT' | translate }}</mat-label>
diff --git a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html
index d8d26a0be6..e6ee0cc124 100644
--- a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html
@@ -2,9 +2,9 @@
 
   <ng-container *ngIf="!preview">
     <div class="aca-rule-details__form__row">
-      <label for="rule-details-name-input">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.NAME' | translate }}</label>
+      <label class="aca-rule-details__name__label" for="rule-details-name-input">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.NAME' | translate }}</label>
       <div>
-        <mat-form-field appearance="outline" floatLabel='auto' class="aca-rule-details__form__row__field">
+        <mat-form-field appearance="fill" floatLabel='auto' class="aca-rule-details__form__row__field">
           <input
             id="rule-details-name-input"
             matInput type="text" formControlName="name" data-automation-id="rule-details-name-input"
@@ -17,7 +17,7 @@
     <div class="aca-rule-details__form__row aca-rule-details__form__description">
       <label for="rule-details-description-textarea">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.DESCRIPTION' | translate }}</label>
       <div>
-        <mat-form-field floatLabel='auto' appearance="outline" class="aca-rule-details__form__row__field">
+        <mat-form-field floatLabel='auto' appearance="fill" class="aca-rule-details__form__row__field">
         <textarea
           class="aca-rule-details__form__row__field__textarea"
           id="rule-details-description-textarea"
@@ -53,7 +53,7 @@
     </aca-rule-action-list>
   </div>
 
-  <div class="aca-rule-details__form__row" *ngIf="showOptionsSection">
+  <div class="aca-rule-details__form__row aca-rule-details__form__others" *ngIf="showOptionsSection">
     <div class="aca-label">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.OPTIONS' | translate }}</div>
     <aca-rule-options
       formControlName="options"
diff --git a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
index f1434e85c0..7c6adbb4ff 100644
--- a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
@@ -1,9 +1,21 @@
 .aca-rule-details {
+  .aca-rule-details__form__triggers {
+    margin-top: 10px;
+  }
+
+  .aca-rule-details__name__label {
+    padding-top: 1.5em;
+  }
+
+  .aca-rule-details__form__others {
+    margin-bottom: 12px;
+  }
+
   &__form {
     position: relative;
 
     & > div {
-      padding: 8px 20px;
+      padding: 0 20px;
       width: 100%;
       box-sizing: border-box;
 
@@ -25,7 +37,7 @@
         width: 20%;
         min-width: 100px;
         max-width: 150px;
-        padding: 0.75em 0;
+        padding: 0.5em 0;
       }
 
       & > div {
@@ -49,6 +61,7 @@
 
     &__conditions {
       width: 100%;
+      margin: 14px 0 36px;
 
       & > .aca-rule-details-error {
         margin-left: 16px;
@@ -92,5 +105,15 @@
         display: none;
       }
     }
+
+    .aca-rule-details__form__row .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
+      padding-top: 0.375em;
+      padding-bottom: 0.375em;
+    }
+
+    .aca-rule-details__form__row aca-rule-action .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
+      padding-top: 0.1em;
+      padding-bottom: 0.1em;
+    }
   }
 }