diff --git a/src/pages/roles/roles-list/RolesListPage.tsx b/src/pages/roles/roles-list/RolesListPage.tsx
index d39b624..642146d 100644
--- a/src/pages/roles/roles-list/RolesListPage.tsx
+++ b/src/pages/roles/roles-list/RolesListPage.tsx
@@ -108,7 +108,7 @@ const RolesListPage = () => {
                                     </td>
                                     <td className="px-6 py-4 whitespace-nowrap text-sm font-medium space-x-2 space-x-reverse">
                                         <Button
-                                            variant="outline"
+                                            variant="secondary"
                                             size="sm"
                                             onClick={() => handleView(role.id)}
                                             className="ml-2"
@@ -117,7 +117,7 @@ const RolesListPage = () => {
                                             مشاهده
                                         </Button>
                                         <Button
-                                            variant="outline"
+                                            variant="primary"
                                             size="sm"
                                             onClick={() => handleEdit(role.id)}
                                             className="ml-2"
@@ -126,7 +126,7 @@ const RolesListPage = () => {
                                             ویرایش
                                         </Button>
                                         <Button
-                                            variant="outline"
+                                            variant="secondary"
                                             size="sm"
                                             onClick={() => handlePermissions(role.id)}
                                             className="ml-2"
@@ -135,10 +135,10 @@ const RolesListPage = () => {
                                             دسترسی‌ها
                                         </Button>
                                         <Button
-                                            variant="outline"
+                                            variant="danger"
                                             size="sm"
                                             onClick={() => setDeleteRoleId(role.id.toString())}
-                                            className="text-red-600 hover:text-red-800 dark:text-red-400 dark:hover:text-red-300"
+                                            className="ml-2"
                                         >
                                             <Trash2 className="h-4 w-4 ml-1" />
                                             حذف