diff --git a/src/app/components/fixedvar-results/fixed-results.component.scss b/src/app/components/fixedvar-results/fixed-results.component.scss
index fe68aab1b59d865dac5dbf2e23cc57c9fbbef414..6884f3f370e00c829b993ac10a651536f736868c 100644
--- a/src/app/components/fixedvar-results/fixed-results.component.scss
+++ b/src/app/components/fixedvar-results/fixed-results.component.scss
@@ -5,6 +5,7 @@
 .fixed-results-container {
     margin-top: 1em;
     border: solid #ccc 1px;
+    border-radius: 2px;
 }
 
 table.mat-table {
diff --git a/src/app/components/log-entry/log-entry.component.html b/src/app/components/log-entry/log-entry.component.html
index 4e725d2a88c841262f986d31f5455c7ad93137cf..666b2665ec957279afab7bfb9b4be8f8ad413dbc 100644
--- a/src/app/components/log-entry/log-entry.component.html
+++ b/src/app/components/log-entry/log-entry.component.html
@@ -1,11 +1,8 @@
 <div class="entry">
-    <div style="text-align: center;">
-        <mat-icon *ngIf="levelInfo" style="color:green">check_circle</mat-icon>
-        <mat-icon *ngIf="levelWarning" style="color:orange">error_outline</mat-icon>
-        <mat-icon *ngIf="levelError" style="color:red">warning</mat-icon>
-    </div>
-    <div>
-        <!-- on utilise [innerHTML] pour que les codes HTML comme &nbsp; soient interprétés correctement -->
-        <span [innerHTML]="text"></span>
-    </div>
-</div>
\ No newline at end of file
+    <mat-icon *ngIf="levelInfo" style="color:green">check_circle</mat-icon>
+    <mat-icon *ngIf="levelWarning" style="color:orange">error_outline</mat-icon>
+    <mat-icon *ngIf="levelError" style="color:red">warning</mat-icon>
+
+    <!-- on utilise [innerHTML] pour que les codes HTML comme &nbsp; soient interprétés correctement -->
+    <div class="entry-text" [innerHTML]="text"></div>
+</div>
diff --git a/src/app/components/log-entry/log-entry.component.scss b/src/app/components/log-entry/log-entry.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..ba2c18727d2a51835e7d5a9674d8af2ed50d8d90
--- /dev/null
+++ b/src/app/components/log-entry/log-entry.component.scss
@@ -0,0 +1,13 @@
+.entry {
+    margin-top: 0.5em;
+
+    mat-icon {
+        float: left;
+    }
+
+    .entry-text {
+        padding-top: 4px;
+        padding-left: 32px;
+        margin-bottom: 12px;
+    }
+}
diff --git a/src/app/components/log-entry/log-entry.component.ts b/src/app/components/log-entry/log-entry.component.ts
index 1e7fa254a905d10e99e8ee966be59bcc8076e2e0..5bdc15e530f0f25d6e03906fbaa3c122d8e1cd53 100644
--- a/src/app/components/log-entry/log-entry.component.ts
+++ b/src/app/components/log-entry/log-entry.component.ts
@@ -8,14 +8,9 @@ import { ApplicationSetupService } from "../../services/app-setup/app-setup.serv
 @Component({
     selector: "log-entry",
     templateUrl: "./log-entry.component.html",
-    styles: [`
-        .entry {
-            margin-left: 1em;
-            margin-right: 1em;
-            margin-top: 0.5em;
-            margin-bottom: 0.5em;
-        }
-    `]
+    styleUrls: [
+        "./log-entry.component.scss"
+    ]
 
 })
 export class LogEntryComponent implements OnChanges {
diff --git a/src/app/components/log/log.component.html b/src/app/components/log/log.component.html
index c2c1364aa186042151630abbe2e7535346d5cfde..4d3d0424a7c33bd9da1816c6f61e0c749bcacfef 100644
--- a/src/app/components/log/log.component.html
+++ b/src/app/components/log/log.component.html
@@ -2,10 +2,7 @@
     <div class="hyd_log">
         <!-- titre -->
         <div class="titre">{{ uitextTitreJournal }}</div>
-
         <!-- entrées du journal -->
-        <ng-template ngFor let-m [ngForOf]="messages">
-            <log-entry [_message]=m></log-entry>
-        </ng-template>
+        <log-entry *ngFor="let m of messages" [_message]="m"></log-entry>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/components/log/log.component.scss b/src/app/components/log/log.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..7dee1f9239623da8254eb25fedcaebd2acff4697
--- /dev/null
+++ b/src/app/components/log/log.component.scss
@@ -0,0 +1,22 @@
+:host {
+    display: block;
+}
+
+.hyd_log {
+    margin-top: 1em;
+    border: solid #ccc 1px;
+    border-radius: 2px;
+    padding: 1em;
+    padding-top : 1.3em;
+}
+
+.titre {
+    background-color: white;
+    border: 1px solid #ccc;
+    border-radius: 2px;
+    float: left;
+    font-weight: bold;
+    margin-bottom: -1em;
+    margin-top: -2.3em;
+    padding: 0.2em 0.5em;
+}
diff --git a/src/app/components/log/log.component.ts b/src/app/components/log/log.component.ts
index 83eb05fe08573dcd02cc79d66b830ae495c7dfaa..bd710cb56a43ed8a4c927fe06ef90c9ae1f94c9a 100644
--- a/src/app/components/log/log.component.ts
+++ b/src/app/components/log/log.component.ts
@@ -7,26 +7,9 @@ import { I18nService } from "../../services/internationalisation/internationalis
 @Component({
     selector: "log",
     templateUrl: "./log.component.html",
-    styles: [`
-        .hyd_log {
-            border : 1px solid black;
-            margin : 1.8em 0;
-            padding-top : 1.3em;
-            border-radius: 10px;
-        }
-        .titre {
-            background-color: #00b0ff;
-            border: 1px solid black;
-            border-radius: 5px;
-            float: left;
-            font-size: 1.15em;
-            font-weight: bold;
-            margin-bottom: -1em;
-            margin-left: 0.5em;
-            margin-top: -2.3em;
-            padding: 0.2em 0.5em;
-        }
-    `]
+    styleUrls: [
+        "./log.component.scss"
+    ]
 })
 export class LogComponent {
     /**