diff --git a/src/app/comment/comment.component.html b/src/app/comment/comment.component.html
index 8ce064f829a98bd36fdde2b33c5cc7bad658efc1..1e55f3fb4cbe7f6f44f05831d523ca7f7374d5b8 100644
--- a/src/app/comment/comment.component.html
+++ b/src/app/comment/comment.component.html
@@ -1,18 +1,20 @@
-<ol class ="ol">
-  <li *ngFor="let comment of comments">
-    <mat-card>
-      <mat-card-content>
-        <b>{{comment.subject}}</b><br>
+<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10">
+  <ol class ="ol">
+    <li *ngFor="let comment of comments">
+      <mat-card>
+        <mat-card-content>
+          <h3>{{comment.subject}}</h3><br>
 
-       {{comment.body}}
-      </mat-card-content>
-      <mat-card-footer>
-        <div class="date">
-         <i> {{comment.creationTimestamp}} </i>
-       </div>
-       </mat-card-footer>
-    </mat-card><br>
-  </li>
-</ol>
+         {{comment.body}}
+        </mat-card-content>
+        <mat-card-footer>
+          <div class="date">
+           <i> {{comment.creationTimestamp | date:'dd-MM-yyyy HH:mm:ss' : format}} </i>
+         </div>
+         </mat-card-footer>
+      </mat-card><br>
+    </li>
+  </ol>
+</div>
 
 <button mat-raised-button color="primary" (click)="goBack()">Back</button>
diff --git a/src/app/comment/comment.component.scss b/src/app/comment/comment.component.scss
index c0530fd646ba8970628024fdc7e24b3c58706b0d..59e5556d17aa9142670dfd8172269a5994027d6b 100644
--- a/src/app/comment/comment.component.scss
+++ b/src/app/comment/comment.component.scss
@@ -1,6 +1,7 @@
 .date {
-  text-align: left;
+  text-align: right;
   font-size: 80%;
+  margin-right: 10px;
 }
 
 .ol {