Delete list from component comment

src/app/comment/comment.component.html

-<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10">
-  <ol class ="ol">
-    <li *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" *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>
-          </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>
-    </li>
-  </ol>
+        <div class="trash-icon">
+          <i class="material-icons" (click)="delete(comment)">delete</i>
+        </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>
 </div>
 
 <button mat-raised-button color="primary" (click)="goBack()">Back</button>

src/app/comment/comment.component.scss

@@ -9,7 +9,3 @@
   font-size: 80%;
   margin-right: 10px;
 }
-
-.ol {
-  list-style: none;
-}