diff --git a/web/src/pages/Account.vue b/web/src/pages/Account.vue
index 7206256..43c495a 100644
--- a/web/src/pages/Account.vue
+++ b/web/src/pages/Account.vue
@@ -68,10 +68,10 @@ export default defineComponent({
                 </td>
                 <td style="width: 20px;"></td>
             </tr>
-            <tr
-                v-for="transaction in $store.getters.Transactions"
+            <tr v-for="(transaction, index) in $store.getters.Transactions"
                 class="{{transaction.Date.After now ? 'future' : ''}}"
-            >
+                :class="[index % 6 < 3 ? 'bg-gray-300' : 'bg-gray-100']">
+                <!--:class="[index % 6 < 3 ? index % 6 === 1 ? 'bg-gray-400' : 'bg-gray-300' : index % 6 !== 4 ? 'bg-gray-100' : '']">-->
                 <td style="width: 90px;">{{ transaction.Date.substring(0, 10) }}</td>
                 <td style="max-width: 150px;">{{ transaction.Payee }}</td>
                 <td