diff --git a/frontend/src/app/feature/game/slots/slots.component.html b/frontend/src/app/feature/game/slots/slots.component.html
index 2b6298c..d2c7587 100644
--- a/frontend/src/app/feature/game/slots/slots.component.html
+++ b/frontend/src/app/feature/game/slots/slots.component.html
@@ -17,17 +17,11 @@
 
   <div>
     <div class="grid grid-cols-3 gap-1">
-      <div class="text-center">{{ slotResult().resultMatrix[0][0] }}</div>
-      <div class="text-center">{{ slotResult().resultMatrix[0][1] }}</div>
-      <div class="text-center">{{ slotResult().resultMatrix[0][2] }}</div>
-
-      <div class="text-center">{{ slotResult().resultMatrix[1][0] }}</div>
-      <div class="text-center">{{ slotResult().resultMatrix[1][1] }}</div>
-      <div class="text-center">{{ slotResult().resultMatrix[1][2] }}</div>
-
-      <div class="text-center">{{ slotResult().resultMatrix[2][0] }}</div>
-      <div class="text-center">{{ slotResult().resultMatrix[2][1] }}</div>
-      <div class="text-center">{{ slotResult().resultMatrix[2][2] }}</div>
+      @for (row of slotResult().resultMatrix; track $index) {
+        @for (cell of row; track $index) {
+          <div class="text-center">{{ cell }}</div>
+        }
+      }
     </div>
 
     <div [ngClass]="slotResult().status === 'win' ? 'text-green-500' : 'text-red-500'">