diff --git a/src/app/admin/roles/page.tsx b/src/app/admin/roles/page.tsx
index fd92dcc..c703eed 100644
--- a/src/app/admin/roles/page.tsx
+++ b/src/app/admin/roles/page.tsx
@@ -609,46 +609,46 @@ export default function RolesPage() {
                         <div className="px-3 py-2 bg-slate-50">
                           <p className="text-xs text-slate-500">{group.description}</p>
                         </div>
-                        {group.permissionPairs ? (
-                          <div className="divide-y divide-slate-200">
-                            {group.permissionPairs.map((pair, pairIdx) => (
-                              <div key={pair.label}>
-                                <div className="flex items-center justify-between px-3 py-2.5">
-                                  <span className="text-sm font-medium text-slate-700">{pair.label}</span>
-                                  <div className="flex items-center gap-4">
-                                    <div className="flex items-center gap-2">
-                                      {pair.view.enabled ? (
-                                        <Check className="w-4 h-4 text-green-600" />
-                                      ) : (
-                                        <X className="w-4 h-4 text-slate-300" />
-                                      )}
-                                      <span className="text-xs text-slate-600">View</span>
-                                      <Toggle
-                                        checked={pair.view.enabled}
-                                        onChange={() => togglePermissionPair(gi, pairIdx, 'view')}
-                                      />
-                                    </div>
-                                    <div className="flex items-center gap-2">
-                                      {pair.edit.enabled ? (
-                                        <Check className="w-4 h-4 text-green-600" />
-                                      ) : (
-                                        <X className="w-4 h-4 text-slate-300" />
-                                      )}
-                                      <span className="text-xs text-slate-600">Edit</span>
-                                      <Toggle
-                                        checked={pair.edit.enabled}
-                                        onChange={() => togglePermissionPair(gi, pairIdx, 'edit')}
-                                      />
+                          {group.permissionPairs ? (
+                            <div className="divide-y divide-slate-200">
+                              {group.permissionPairs.map((pair, pairIdx) => (
+                                <div key={pair.label}>
+                                  <div className="flex items-center justify-between px-3 py-2.5">
+                                    <span className="text-sm font-medium text-slate-700">{pair.label}</span>
+                                    <div className="flex items-center gap-4">
+                                      <div className="flex items-center gap-2">
+                                        {pair.view.enabled ? (
+                                          <Check className="w-4 h-4 text-green-600" />
+                                        ) : (
+                                          <X className="w-4 h-4 text-slate-300" />
+                                        )}
+                                        <span className="text-xs text-slate-600">{pair.view.label}</span>
+                                        <Toggle
+                                          checked={pair.view.enabled}
+                                          onChange={() => togglePermissionPair(gi, pairIdx, 'view')}
+                                        />
+                                      </div>
+                                      <div className="flex items-center gap-2">
+                                        {pair.edit.enabled ? (
+                                          <Check className="w-4 h-4 text-green-600" />
+                                        ) : (
+                                          <X className="w-4 h-4 text-slate-300" />
+                                        )}
+                                        <span className="text-xs text-slate-600">{pair.edit.label}</span>
+                                        <Toggle
+                                          checked={pair.edit.enabled}
+                                          onChange={() => togglePermissionPair(gi, pairIdx, 'edit')}
+                                        />
+                                      </div>
                                     </div>
                                   </div>
+                                  {pairIdx < (group.permissionPairs?.length || 0) - 1 && (
+                                    <hr className="my-2 border-slate-200" />
+                                  )}
                                 </div>
-                                {/* {pairIdx < (group.permissionPairs?.length || 0) - 1 && (
-                                  <hr className="my-2 border-slate-200" />
-                                )} */}
-                              </div>
-                            ))}
-                          </div>
-                        ) : (
+                              ))}
+                            </div>
+                          ) : (
                           <div className="divide-y divide-slate-100">
                             {group.permissions.map((perm, pi) => (
                               <div key={perm.key} className="flex items-center justify-between px-3 py-2.5">