diff --git a/frappe-ui b/frappe-ui
index a81806c3..3c8e1399 160000
--- a/frappe-ui
+++ b/frappe-ui
@@ -1 +1 @@
-Subproject commit a81806c302c5328be4d96e21352b843ed9c001c5
+Subproject commit 3c8e139993d1833fdb132a133c49e90e3cb182e5
diff --git a/frontend/src/pages/CallLogs.vue b/frontend/src/pages/CallLogs.vue
index f3af28c1..f13f0bc2 100644
--- a/frontend/src/pages/CallLogs.vue
+++ b/frontend/src/pages/CallLogs.vue
@@ -19,19 +19,24 @@
   </div>
   <ListView
     v-if="rows"
-    class="mt-0"
     :columns="columns"
     :rows="rows"
+    :options="{
+      getRowRoute: (row) => ({
+        name: 'Call Log',
+        params: { callLogId: row.name },
+      }),
+    }"
     row-key="name"
   >
-    <ListHeader />
+    <ListHeader class="mx-5" />
     <ListRows>
       <ListRow
-        v-for="(row, i) in rows"
+        class="mx-5"
+        v-for="row in rows"
         :key="row.name"
         v-slot="{ column, item }"
         :row="row"
-        :idx="i"
       >
         <ListRowItem :item="item">
           <template #prefix>
@@ -211,7 +216,6 @@ const rows = computed(() => {
         label: dateFormat(callLog.creation, dateTooltipFormat),
         timeAgo: timeAgo(callLog.creation),
       },
-      route: { name: 'Call Log', params: { callLogId: callLog.name } },
     }
   })
 })
diff --git a/frontend/src/pages/Contacts.vue b/frontend/src/pages/Contacts.vue
index 92c677c8..759107e8 100644
--- a/frontend/src/pages/Contacts.vue
+++ b/frontend/src/pages/Contacts.vue
@@ -36,13 +36,7 @@
       <Button icon="more-horizontal" />
     </div>
   </div>
-  <ListView
-    v-if="rows"
-    class="mt-0"
-    :columns="columns"
-    :rows="rows"
-    row-key="name"
-  />
+  <ListView class="mx-5" v-if="rows" :columns="columns" :rows="rows" row-key="name" />
 </template>
 
 <script setup>
diff --git a/frontend/src/pages/Deals.vue b/frontend/src/pages/Deals.vue
index 250de992..0ff26329 100644
--- a/frontend/src/pages/Deals.vue
+++ b/frontend/src/pages/Deals.vue
@@ -35,19 +35,21 @@
   </div>
   <ListView
     v-if="rows"
-    class="mt-0"
     :columns="columns"
     :rows="rows"
+    :options="{
+      getRowRoute: (row) => ({ name: 'Deal', params: { dealId: row.name } }),
+    }"
     row-key="name"
   >
-    <ListHeader />
+    <ListHeader class="mx-5" />
     <ListRows>
       <ListRow
-        v-for="(row, i) in rows"
+        class="mx-5"
+        v-for="row in rows"
         :key="row.name"
         v-slot="{ column, item }"
         :row="row"
-        :idx="i"
       >
         <ListRowItem :item="item">
           <template #prefix>
@@ -259,7 +261,6 @@ const rows = computed(() => {
         label: dateFormat(lead.modified, dateTooltipFormat),
         timeAgo: timeAgo(lead.modified),
       },
-      route: { name: 'Deal', params: { dealId: lead.name } },
     }
   })
 })
diff --git a/frontend/src/pages/Leads.vue b/frontend/src/pages/Leads.vue
index 4709b717..1738874b 100644
--- a/frontend/src/pages/Leads.vue
+++ b/frontend/src/pages/Leads.vue
@@ -34,19 +34,21 @@
   </div>
   <ListView
     v-if="rows"
-    class="mt-0"
     :columns="columns"
     :rows="rows"
+    :options="{
+      getRowRoute: (row) => ({ name: 'Lead', params: { leadId: row.name } }),
+    }"
     row-key="name"
   >
-    <ListHeader />
+    <ListHeader class="mx-5" />
     <ListRows>
       <ListRow
-        v-for="(row, i) in rows"
+        class="mx-5"
+        v-for="row in rows"
         :key="row.name"
         v-slot="{ column, item }"
         :row="row"
-        :idx="i"
       >
         <ListRowItem :item="item">
           <template #prefix>
@@ -271,7 +273,6 @@ const rows = computed(() => {
         label: dateFormat(lead.modified, dateTooltipFormat),
         timeAgo: timeAgo(lead.modified),
       },
-      route: { name: 'Lead', params: { leadId: lead.name } },
     }
   })
 })