diff --git a/src/views/Home/Index.vue b/src/views/Home/Index.vue
index 2006758a8..8c6be92e4 100644
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -1,9 +1,9 @@
 <template>
   <div>
-    <supplierIndex/>
-    <warehouseKeeper v-hasRole="['role2']"/>
-    <productWarehouseKeeper v-hasRole="['role3']"/>
-    <productionManager v-hasRole="['role4']"/>
+    <supplierIndex v-hasRole="['super_admin','supplier']"/>
+    <warehouseKeeper v-hasRole="['super_admin']"/>
+    <productWarehouseKeeper v-hasRole="['super_admin']"/>
+    <productionManager v-hasRole="['super_admin']"/>
   </div>
 </template>
 <script lang="ts" setup>