diff --git a/app/components/flow/dashboard/index.vue b/app/components/flow/dashboard/index.vue
index 9b591024..2195b428 100644
--- a/app/components/flow/dashboard/index.vue
+++ b/app/components/flow/dashboard/index.vue
@@ -1,9 +1,5 @@
 <script setup lang="ts">
-import { Activity, CreditCard, DollarSign, Users, UserCheck, UsersRound, Calendar, Hospital } from 'lucide-vue-next'
-
-definePageMeta({
-  roles: ['sys', 'doc'],
-})
+import { Calendar, Hospital, UserCheck, UsersRound } from 'lucide-vue-next'
 
 const dataCard = ref({
   totalRevenue: 0,
@@ -166,10 +162,10 @@ onMounted(() => {
           </CardHeader>
           <CardContent class="grid cursor-pointer gap-8 md:grid-cols-4 md:gap-8">
             <Card
-              v-for="item in linkItems"
-              :key="item"
+            v-for="item in linkItems"
+            :key="item.title"
               class="border-primary hover:bg-primary my-2 h-32 border transition-colors duration-200 hover:bg-gray-200"
-            >
+              >
               <NuxtLink :to="item.link">
                 <CardContent class="my-2 grid h-full grid-rows-2 place-items-center">
                   <Icon :name="item.icon" class="text-primary h-9 w-[60px]" />
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 99afb9dd..5d6072e5 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -8,7 +8,7 @@ definePageMeta({
 
 const route = useRoute()
 useHead({
-  title: () => route.meta.title,
+  title: () => route.meta.title as string,
 })
 </script>
 
diff --git a/components.json b/components.json
index 9eb92e6b..ede8c33e 100644
--- a/components.json
+++ b/components.json
@@ -4,7 +4,7 @@
   "typescript": true,
   "tailwind": {
     "config": "",
-    "css": "app/assets/css/tailwind.css",
+    "css": "app/assets/css/main.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""