diff --git a/projects/aca-content/src/lib/components/details/details.component.html b/projects/aca-content/src/lib/components/details/details.component.html
index ab1565051..6bdfe3190 100644
--- a/projects/aca-content/src/lib/components/details/details.component.html
+++ b/projects/aca-content/src/lib/components/details/details.component.html
@@ -14,14 +14,14 @@
         </div>
         <div class="aca-details-buttons">
           <aca-toolbar [items]="aspectActions" info-drawer-buttons></aca-toolbar>
-          <button
+          <adf-button
                 class="aca-close-details-button"
-                mat-icon-button
-                data-automation-id="close-library"
-                title="{{ 'APP.INFO_DRAWER.REDUCE_PANEL' | translate }}"
+                variant="icon"
+                icon="fullscreen_exit"
+                testId="close-library"
+                [tooltip]="'APP.INFO_DRAWER.REDUCE_PANEL' | translate"
                 (click)="goBack()">
-                <mat-icon>fullscreen_exit</mat-icon>
-          </button>
+          </adf-button>
         </div>
       </div>
 
diff --git a/projects/aca-content/src/lib/components/details/details.component.ts b/projects/aca-content/src/lib/components/details/details.component.ts
index 848af27ac..e352c3418 100644
--- a/projects/aca-content/src/lib/components/details/details.component.ts
+++ b/projects/aca-content/src/lib/components/details/details.component.ts
@@ -30,16 +30,14 @@ import { merge, Subject } from 'rxjs';
 import { BreadcrumbModule, ContentService, PermissionManagerModule } from '@alfresco/adf-content-services';
 import { CommonModule } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
-import { MatIconModule } from '@angular/material/icon';
 import { MatTabsModule } from '@angular/material/tabs';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { MatButtonModule } from '@angular/material/button';
 import { MetadataTabComponent } from '../info-drawer/metadata-tab/metadata-tab.component';
 import { CommentsTabComponent } from '../info-drawer/comments-tab/comments-tab.component';
 import { NodeEntry, PathElement } from '@alfresco/js-api';
 import { first, takeUntil } from 'rxjs/operators';
 import { ContentActionRef } from '@alfresco/adf-extensions';
-import { InfoDrawerModule } from '@alfresco/adf-core';
+import { ButtonComponent, InfoDrawerModule } from '@alfresco/adf-core';
 
 @Component({
   standalone: true,
@@ -48,15 +46,14 @@ import { InfoDrawerModule } from '@alfresco/adf-core';
     TranslateModule,
     PermissionManagerModule,
     BreadcrumbModule,
-    MatIconModule,
     MatTabsModule,
     MatProgressBarModule,
-    MatButtonModule,
     MetadataTabComponent,
     CommentsTabComponent,
     PageLayoutComponent,
     ToolbarComponent,
-    InfoDrawerModule
+    InfoDrawerModule,
+    ButtonComponent
   ],
   selector: 'app-details-manager',
   templateUrl: './details.component.html',