diff --git a/resources/js/pages/labs/labs.vue b/resources/js/pages/labs/labs.vue
index bccb397..1cf256a 100644
--- a/resources/js/pages/labs/labs.vue
+++ b/resources/js/pages/labs/labs.vue
@@ -180,6 +180,7 @@ onMounted(() => {
 <template>
   <v-row>
     <v-col cols="12" md="12" v-if="getlabsList">
+    <VCard title="Labs">
       <VCardText >
           <VRow>
             <VCol
@@ -262,6 +263,8 @@ onMounted(() => {
           </div>
         </template>
       </VDataTable>
+    </VCard>
+
     </v-col>
   </v-row>
   <!-- 👉 Edit Dialog  -->
diff --git a/resources/js/pages/medicines/medicines.vue b/resources/js/pages/medicines/medicines.vue
index ed8afdb..1e0bf69 100644
--- a/resources/js/pages/medicines/medicines.vue
+++ b/resources/js/pages/medicines/medicines.vue
@@ -371,6 +371,8 @@ onMounted(() => {
 <template>
   <v-row>
     <v-col cols="12" md="12" v-if="getmedicineList">
+    <VCard title="Medicines">
+
       <VCardText >
         <VRow>
        
@@ -455,6 +457,7 @@ onMounted(() => {
           </div>
         </template>
       </VDataTable>
+    </VCard>
     </v-col>
   </v-row>
   <!-- 👉 Edit Dialog  -->
diff --git a/resources/js/pages/providers/providers.vue b/resources/js/pages/providers/providers.vue
index 3ec7a36..381f916 100644
--- a/resources/js/pages/providers/providers.vue
+++ b/resources/js/pages/providers/providers.vue
@@ -180,6 +180,7 @@ onMounted(() => {
 <template>
   <v-row>
     <v-col cols="12" md="12" v-if="getprovidersList">
+    <VCard title="Providers">
       <VCardText >
           <VRow>
             <VCol
@@ -262,6 +263,7 @@ onMounted(() => {
           </div>
         </template>
       </VDataTable>
+    </VCard>  
     </v-col>
   </v-row>
   <!-- 👉 Edit Dialog  -->