diff --git a/projects/aca-content/src/lib/components/sidenav/components/expand-menu.component.html b/projects/aca-content/src/lib/components/sidenav/components/expand-menu.component.html
index 115947682..c7ad1830c 100644
--- a/projects/aca-content/src/lib/components/sidenav/components/expand-menu.component.html
+++ b/projects/aca-content/src/lib/components/sidenav/components/expand-menu.component.html
@@ -23,7 +23,7 @@
     #acaExpansionPanel="acaExpansionPanel"
     [@.disabled]="true"
   >
-    <mat-expansion-panel-header expandedHeight="48x" collapsedHeight="48px" role="group">
+    <mat-expansion-panel-header expandedHeight="48px" collapsedHeight="48px" role="group">
       <mat-panel-title>
         <div class="item">
           <button
diff --git a/projects/aca-shared/src/lib/components/page-layout/page-layout.component.html b/projects/aca-shared/src/lib/components/page-layout/page-layout.component.html
index e9207b5f8..0bf4e1942 100644
--- a/projects/aca-shared/src/lib/components/page-layout/page-layout.component.html
+++ b/projects/aca-shared/src/lib/components/page-layout/page-layout.component.html
@@ -1,8 +1,11 @@
 <div class="aca-content-container">
     <div class="aca-content-header">
-        <div *ngIf="(appNavNarMode$ | async) === 'collapsed'" class="aca-menu-icon" (click)="toggleClick()" (keypress)="toggleClick()">
-            <mat-icon title="{{'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate}}">menu</mat-icon>
-        </div>
+        <button *ngIf="(appNavNarMode$ | async) === 'collapsed'"
+          mat-icon-button
+          (click)="toggleClick()"
+          title="{{'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate}}">
+          <mat-icon>menu</mat-icon>
+        </button>
         <ng-content select="aca-page-layout-header"></ng-content>
     </div>
     <ng-content select="aca-page-layout-error" *ngIf="hasError"></ng-content>
diff --git a/projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss b/projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss
index d55032568..52106c597 100644
--- a/projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss
+++ b/projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss
@@ -22,13 +22,6 @@
     align-items: center;
   }
 
-  .aca-menu-icon {
-    cursor: pointer;
-    transform: scale(1.1);
-    padding: 32px 12px 32px 0;
-    margin-top: 2px;
-  }
-
   .aca-page-layout-header {
     display: flex;
     align-items: center;
diff --git a/projects/aca-shared/src/lib/components/page-layout/page-layout.module.ts b/projects/aca-shared/src/lib/components/page-layout/page-layout.module.ts
index 2cb83c113..91564683c 100644
--- a/projects/aca-shared/src/lib/components/page-layout/page-layout.module.ts
+++ b/projects/aca-shared/src/lib/components/page-layout/page-layout.module.ts
@@ -31,9 +31,10 @@ import { PageLayoutComponent } from './page-layout.component';
 import { CommonModule } from '@angular/common';
 import { MatIconModule } from '@angular/material/icon';
 import { TranslateModule } from '@ngx-translate/core';
+import { MatButtonModule } from '@angular/material/button';
 
 @NgModule({
-  imports: [CommonModule, MatIconModule, TranslateModule],
+  imports: [CommonModule, MatIconModule, TranslateModule, MatButtonModule],
   declarations: [PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent, PageLayoutComponent],
   exports: [PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent, PageLayoutComponent]
 })