diff --git a/app/pages/dashboard.vue b/app/pages/dashboard.vue
index e629de4..da7732a 100644
--- a/app/pages/dashboard.vue
+++ b/app/pages/dashboard.vue
@@ -71,7 +71,64 @@ import { h } from 'vue'
       status: 'paid',
       email: 'ethan.harris@example.com',
       amount: 639
-    }
+    },
+    {
+      id: '4595',
+      date: '2024-03-10T15:55:00',
+      status: 'paid',
+      email: 'ethan.harris@example.com',
+      amount: 639
+    },
+    {
+      id: '4593',
+      date: '2024-03-10T15:55:00',
+      status: 'paid',
+      email: 'ethan.harris@example.com',
+      amount: 639
+    },
+    {
+      id: '4592',
+      date: '2024-03-10T15:55:00',
+      status: 'paid',
+      email: 'ethan.harris@example.com',
+      amount: 639
+    },
+    {
+      id: '4591',
+      date: '2024-03-10T15:55:00',
+      status: 'paid',
+      email: 'ethan.harris@example.com',
+      amount: 639
+    },
+    {
+      id: '4590',
+      date: '2024-03-10T15:55:00',
+      status: 'paid',
+      email: 'ethan.harris@example.com',
+      amount: 639
+    },
+    {
+      id: '4589',
+      date: '2024-03-10T15:55:00',
+      status: 'paid',
+      email: 'ethan.harris@example.com',
+      amount: 639
+    },
+    {
+      id: '4588',
+      date: '2024-03-10T15:55:00',
+      status: 'paid',
+      email: 'ethan.harris@example.com',
+      amount: 639
+    },
+    {
+      id: '4587',
+      date: '2024-03-10T15:55:00',
+      status: 'paid',
+      email: 'ethan.harris@example.com',
+      amount: 639
+    },
+
   ])
 
   const table_headers: TableColumn<Payment>[] = [
@@ -119,10 +176,11 @@ import { h } from 'vue'
     }
   ]
 
+
 </script>
 
 <template>
-  <DashboardRoundedHeader title="Dashboard"/>
+  <DashboardIslandHeader title="Dashboard"/>
   <UContainer class="max-w-full">
     <div class="mt-3 mb-3 flex flex-col w-full relative z-0">
       <ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2>
@@ -131,7 +189,7 @@ import { h } from 'vue'
     </div>
     
     <!--<div class="mx-auto max-w-220">-->
-      <UPageGrid class="lg:grid-cols-3 lg:gap-0 not-lg:gap-3">
+      <UPageGrid class="lg:grid-cols-3 lg:gap-0 not-lg:gap-3 mt-4 mb-4">
           <UPageCard 
             v-for="card in cards"
             :title="card.title"