diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index f1d0c02158a2d200aa58511119fd390dd95f0b8a..a76bf4558a49de10d0f8c1510f971f86e27a159a 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -23,7 +23,7 @@ import { MatTableModule } from "@angular/material/table";
 import { MatTabsModule } from "@angular/material/tabs";
 import { MatToolbarModule } from "@angular/material/toolbar";
 import { MatTooltipModule } from "@angular/material/tooltip";
-
+import { MatExpansionModule } from '@angular/material/expansion';
 import { MaterialFileInputModule } from "ngx-material-file-input";
 
 import { DragDropModule } from "@angular/cdk/drag-drop";
@@ -170,6 +170,7 @@ const appRoutes: Routes = [
         MatTabsModule,
         MatToolbarModule,
         MatTooltipModule,
+        MatExpansionModule,
         MatomoModule,
         RouterModule.forRoot(
         appRoutes,
diff --git a/src/app/components/log/log.component.html b/src/app/components/log/log.component.html
index 5920817ec90af8c9dae78dbca027e29197cd7071..1dff77174764ecaf475447df3212b017006d4495 100644
--- a/src/app/components/log/log.component.html
+++ b/src/app/components/log/log.component.html
@@ -1,8 +1,9 @@
-<div *ngIf="hasEntries">
-    <div class="hyd_log">
-        <!-- titre -->
-        <div class="titre">{{ uitextTitreJournal }}</div>
-        <!-- entrées du journal -->
-        <log-entry *ngFor="let m of _log?.messages" [_message]="m"></log-entry>
-    </div>
-</div>
+<mat-expansion-panel *ngIf="hasEntries" expanded>
+    <mat-expansion-panel-header>
+        <mat-panel-title>
+            {{ uitextTitreJournal }}
+        </mat-panel-title>
+    </mat-expansion-panel-header>
+    <!-- entrées du journal -->
+    <log-entry *ngFor="let m of _log?.messages" [_message]="m"></log-entry>
+</mat-expansion-panel>