div-tag-add

apps/app/src/components/Admin/UserGroup/UserGroupTable.tsx

@@ -164,23 +164,25 @@ export const UserGroupTable: FC<Props> = ({
                 {isAclEnabled
                   ? (
                     <td>
-                      <Link
-                        className="link-opacity-75-hover"
-                        href={`/admin/user-group-detail/${group._id}?isExternalGroup=${isExternalGroup}`}
-                      >
-                      </Link>
-                      <button
-                        className="btn btn-link btn-edit-groups text-secondary py-0"
-                        type="button"
-                        key={group._id}
-                        onMouseEnter={() => setHoveredIndex(index)}
-                        onMouseLeave={() => setHoveredIndex(undefined)}
-                      >
-                        <span className="material-symbols-outlined pe-2 pt-2">group</span>
-                        <span className="text-decoration-underline">{group.name}</span>
-                        {(hoveredIndex === index) && (<span className="material-symbols-outlined px-2 py-0">edit</span>
-                        )}
-                      </button>
+                      <div>
+                        <Link
+                          className="link-opacity-75-hover"
+                          href={`/admin/user-group-detail/${group._id}?isExternalGroup=${isExternalGroup}`}
+                        >
+                        </Link>
+                        <button
+                          className="btn btn-link btn-edit-groups text-secondary py-0"
+                          type="button"
+                          key={group._id}
+                          onMouseEnter={() => setHoveredIndex(index)}
+                          onMouseLeave={() => setHoveredIndex(undefined)}
+                        >
+                          <span className="material-symbols-outlined pe-2 pt-2">group</span>
+                          <span className="text-decoration-underline">{group.name}</span>
+                          {(hoveredIndex === index) && (<span className="material-symbols-outlined px-2 py-0">edit</span>
+                          )}
+                        </button>
+                      </div>
                     </td>
                   )
                   : (