diff --git a/src/app/comment/comment.component.html b/src/app/comment/comment.component.html
index 8dda976855c08491ded3cf6e202b4eae3f2446ce..ade8433123b1ab808eacdcff32adfba0523e107b 100644
--- a/src/app/comment/comment.component.html
+++ b/src/app/comment/comment.component.html
@@ -1,22 +1,24 @@
-<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10" *ngFor="let comment of comments">
-  <mat-card>
-    <mat-card-content>
-      <div class="comment-body">
-        <h3>{{comment.subject}}</h3><br>
+<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10">
+  <div *ngFor="let comment of comments">
+    <mat-card>
+      <mat-card-content>
+        <div class="comment-body">
+          <h3>{{comment.subject}}</h3><br>
 
-        {{comment.body}}
+          {{comment.body}}
 
-        <div class="trash-icon">
-          <i class="material-icons" (click)="delete(comment)">delete</i>
+          <div class="trash-icon">
+            <i class="material-icons" (click)="delete(comment)">delete</i>
+          </div>
         </div>
-      </div>
-    </mat-card-content>
-    <mat-card-footer>
-      <div class="date">
-        <i> Submitted on {{comment.creationTimestamp | date:'dd-MM-yyyy HH:mm:ss' : format}} </i>
-      </div>
-    </mat-card-footer>
-  </mat-card><br>
+      </mat-card-content>
+      <mat-card-footer>
+        <div class="date">
+          <i> Submitted on {{comment.creationTimestamp | date:'dd-MM-yyyy HH:mm:ss' : format}} </i>
+        </div>
+      </mat-card-footer>
+    </mat-card><br>
+  </div>
 </div>
 
 <button mat-raised-button color="primary" (click)="goBack()">Back</button>