diff --git a/artifacts/tx-os/src/pages/admin.tsx b/artifacts/tx-os/src/pages/admin.tsx
index 7d87f04f..38fc3649 100644
--- a/artifacts/tx-os/src/pages/admin.tsx
+++ b/artifacts/tx-os/src/pages/admin.tsx
@@ -67,6 +67,7 @@ import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Switch } from "@/components/ui/switch";
 import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { useToast } from "@/hooks/use-toast";
 import { cn } from "@/lib/utils";
 import { formatDate as formatDateUtil, formatWeekday as formatWeekdayUtil } from "@/lib/i18n-format";
@@ -2782,23 +2783,52 @@ function GroupDetailEditor({ groupId, onClose, onSaved }: { groupId: number; onC
         {tab === "roles" && (
           <div className="space-y-1 max-h-72 overflow-y-auto">
             <p className="text-xs text-muted-foreground px-1 pb-2">{t("admin.groups.rolesHint")}</p>
-            {roles?.map((r) => (
-              <label
-                key={r.id}
-                className="flex items-center gap-2 px-3 py-2 rounded-lg hover:bg-slate-100 cursor-pointer"
-                data-testid={`group-role-${r.id}`}
-              >
-                <input
-                  type="checkbox"
-                  checked={roleIds.has(r.id)}
-                  onChange={() => toggle(roleIds, r.id, setRoleIds)}
-                />
-                <span className="text-sm flex-1">
-                  {(lang === "ar" ? r.descriptionAr : r.descriptionEn) || r.name}
-                </span>
-                <span className="text-[10px] text-muted-foreground">{r.name}</span>
-              </label>
-            ))}
+            {roles?.map((r) => {
+              const primaryDesc = lang === "ar" ? r.descriptionAr : r.descriptionEn;
+              const secondaryDesc = lang === "ar" ? r.descriptionEn : r.descriptionAr;
+              const secondaryDir = lang === "ar" ? "ltr" : "rtl";
+              const heading = primaryDesc || secondaryDesc || r.name;
+              const showSecondary = !!(primaryDesc && secondaryDesc);
+              return (
+                <Tooltip key={r.id}>
+                  <TooltipTrigger asChild>
+                    <label
+                      className="flex items-start gap-2 px-3 py-2 rounded-lg hover:bg-slate-100 cursor-pointer"
+                      data-testid={`group-role-${r.id}`}
+                    >
+                      <input
+                        type="checkbox"
+                        className="mt-1"
+                        checked={roleIds.has(r.id)}
+                        onChange={() => toggle(roleIds, r.id, setRoleIds)}
+                      />
+                      <span className="flex-1 min-w-0">
+                        <span className="block text-sm">{heading}</span>
+                        {showSecondary && (
+                          <span
+                            className="block text-xs text-muted-foreground"
+                            dir={secondaryDir}
+                            data-testid={`group-role-${r.id}-secondary`}
+                          >
+                            {secondaryDesc}
+                          </span>
+                        )}
+                      </span>
+                      <span className="text-[10px] text-muted-foreground mt-1 shrink-0 font-mono">
+                        {r.name}
+                      </span>
+                    </label>
+                  </TooltipTrigger>
+                  <TooltipContent side="top" className="max-w-xs">
+                    <div className="space-y-1 text-xs">
+                      {r.descriptionAr && <div dir="rtl">{r.descriptionAr}</div>}
+                      {r.descriptionEn && <div dir="ltr">{r.descriptionEn}</div>}
+                      <div className="opacity-70 font-mono" dir="ltr">{r.name}</div>
+                    </div>
+                  </TooltipContent>
+                </Tooltip>
+              );
+            })}
             {(!roles || roles.length === 0) && (
               <p className="text-sm text-muted-foreground p-2">{t("admin.groups.rolesEmpty")}</p>
             )}