diff --git a/web/src/components/TransactionRow.vue b/web/src/components/TransactionRow.vue
index fc222ca..5f6f561 100644
--- a/web/src/components/TransactionRow.vue
+++ b/web/src/components/TransactionRow.vue
@@ -47,15 +47,11 @@ function getStatusSymbol() {
 </script>
 
 <template>
-  <tr
-    v-if="dateChanged()"
-    class="table-row md:hidden"
-  >
-    <td
-      class="bg-gray-200 dark:bg-gray-800 rounded-lg p-2"
-      colspan="5"
-    >
-      {{ formatDate(TX.Date) }}
+  <tr v-if="dateChanged()" class="table-row md:hidden">
+    <td class="py-2" colspan="5">
+      <span class="bg-gray-400 dark:bg-slate-600 rounded-lg p-1 px-2 w-full block">
+        {{ formatDate(TX.Date) }}
+      </span>
     </td>
   </tr>
   <tr