diff --git a/ci4/app/Helpers/general_helper.php b/ci4/app/Helpers/general_helper.php
index 0736e7aa..8bad0bf2 100755
--- a/ci4/app/Helpers/general_helper.php
+++ b/ci4/app/Helpers/general_helper.php
@@ -101,6 +101,20 @@ function getGravatarURL(int $size = 30)
 {
     return "https://gravatar.com/avatar/".md5(auth()->user()->getEmail())."?s=".$size;
 }
+
+
+if (!function_exists('gravatar_url')) {
+    function gravatar_url(?string $email, int $size = 40): string
+    {
+        if (!$email) {
+            return "https://www.gravatar.com/avatar/?s={$size}&d=mp";
+        }
+
+        return "https://www.gravatar.com/avatar/" . md5(strtolower(trim($email))) . "?s={$size}&d=identicon";
+    }
+}
+
+
 function getAllClassFolder($folder = null){
     try {
         helper('filesystem');
diff --git a/ci4/app/Models/Usuarios/GroupModel.php b/ci4/app/Models/Usuarios/GroupModel.php
index 704d0535..9530ebc2 100755
--- a/ci4/app/Models/Usuarios/GroupModel.php
+++ b/ci4/app/Models/Usuarios/GroupModel.php
@@ -100,6 +100,18 @@ class GroupModel extends \App\Models\BaseModel
             ->countAllResults();
     }
 
+    public function getUsersByRol(string $groupKeyWord)
+    {
+        return $this->db
+            ->table('auth_groups_users agu')
+            ->select('u.id, ai.secret as email, u.first_name, u.last_name')
+            ->join('users u', 'u.id = agu.user_id')
+            ->join('auth_identities ai', 'ai.user_id = u.id AND ai.type = "email_password"', 'left')
+            ->where('agu.group', $groupKeyWord)
+            ->get()
+            ->getResult();
+    }
+
 
     public function getUsersRoles($userId)
     {
diff --git a/ci4/app/Views/themes/vuexy/form/group/viewUserGroupList.php b/ci4/app/Views/themes/vuexy/form/group/viewUserGroupList.php
index da3892ac..c07a6792 100755
--- a/ci4/app/Views/themes/vuexy/form/group/viewUserGroupList.php
+++ b/ci4/app/Views/themes/vuexy/form/group/viewUserGroupList.php
@@ -1,82 +1,94 @@
 <?= $this->include('themes/_commonPartialsBs/datatables') ?>
 <?= $this->extend('themes/vuexy/main/defaultlayout') ?>
 <?= $this->section('content'); ?>
-    <div class="row">
-        <div class="col-md-12">
-            <div class="card card-info">
-                <div class="card-header">
-                    <h3 class="card-title"><?= lang('RolesPermisos.pageTitle') ?></h3>
-                </div><!--//.card-header -->
-                <div class="card-body">
-                    <div class="container-xxl flex-grow-1 container-p-y">
-                        <!-- Role cards -->
-                        <div class="row g-4">
-                            <div class="col-xl-4 col-lg-6 col-md-6">
-                                <div class="card h-100">
-                                    <div class="row h-100">
-                                        <div class="col-sm-5">
-                                            <div class="d-flex align-items-end h-100 justify-content-center mt-sm-0 mt-3">
-                                                <img
-                                                        src="<?= site_url('themes/vuexy/img/illustrations/add-new-roles.png') ?>"
-                                                        class="img-fluid mt-sm-4 mt-md-0"
-                                                        alt="add-new-roles"
-                                                        width="83"/>
-                                            </div>
+<div class="row">
+    <div class="col-md-12">
+        <div class="card card-info">
+            <div class="card-header">
+                <h3 class="card-title"><?= lang('RolesPermisos.pageTitle') ?></h3>
+            </div><!--//.card-header -->
+            <div class="card-body">
+                <div class="container-xxl flex-grow-1 container-p-y">
+                    <!-- Role cards -->
+                    <div class="row g-4">
+                        <div class="col-xl-4 col-lg-6 col-md-6">
+                            <div class="card h-100">
+                                <div class="row h-100">
+                                    <div class="col-sm-5">
+                                        <div class="d-flex align-items-end h-100 justify-content-center mt-sm-0 mt-3">
+                                            <img src="<?= site_url('themes/vuexy/img/illustrations/add-new-roles.png') ?>"
+                                                class="img-fluid mt-sm-4 mt-md-0" alt="add-new-roles" width="83" />
                                         </div>
-                                        <div class="col-sm-7">
-                                            <div class="card-body text-sm-end text-center ps-sm-0">
-                                                <button
-                                                        onclick="window.location='<?= route_to('newGroup') ?>'"
-                                                        class="btn btn-primary mb-2 text-nowrap add-new-role"
-                                                >
-                                                    <?= lang('Basic.global.addNew') ?>
-                                                </button>
-                                                <p class="mb-0 mt-1"><?= lang("RolesPermisos.addRol") ?></p>
-                                            </div>
+                                    </div>
+                                    <div class="col-sm-7">
+                                        <div class="card-body text-sm-end text-center ps-sm-0">
+                                            <button onclick="window.location='<?= route_to('newGroup') ?>'"
+                                                class="btn btn-primary mb-2 text-nowrap add-new-role">
+                                                <?= lang('Basic.global.addNew') ?>
+                                            </button>
+                                            <p class="mb-0 mt-1"><?= lang("RolesPermisos.addRol") ?></p>
                                         </div>
                                     </div>
                                 </div>
                             </div>
+                        </div>
 
-                            <?php foreach ($userGroupList as $item) : ?>
-                                <div class="col-xl-4 col-lg-6 col-md-6">
-                                    <div class="card">
-                                        <div class="card-body">
-                                            <div class="d-flex justify-content-between">
-                                                <h6 class="fw-normal mb-2"><?= $model->getUsersWithRol($item->keyword); ?><?= lang("RolesPermisos.totalUsers") ?></h6>
+                        <?php foreach ($userGroupList as $item): ?>
+                            <?php $item->users = $model->getUsersByRol($item->keyword); ?>
+                            <div class="col-xl-4 col-lg-6 col-md-6">
+                                <div class="card">
+                                    <div class="card-body">
+                                        <div class="d-flex justify-content-between">
+                                            <h6 class="fw-normal mb-2">
+                                                <?= $model->getUsersWithRol($item->keyword); ?>
+                                                <?= lang("RolesPermisos.totalUsers") ?>
+                                            </h6>
+                                            <ul class="list-unstyled d-flex align-items-center avatar-group mb-0">
+                                            <?php foreach ($item->users as $user): ?>
+                                                <li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top"
+                                                    title="<?= esc($user->first_name . ' ' . $user->last_name) ?>"
+                                                    class="avatar avatar-sm pull-up">
+                                                    <img class="rounded-circle" src="<?= gravatar_url($user->email, 30) ?>"
+                                                        alt="<?= esc($user->email) ?>" />
+                                                </li>
+                                            <?php endforeach; ?>
+                                            </ul>
+                                        </div>
+                                        <div class="d-flex justify-content-between align-items-end mt-1">
+                                            <div class="role-heading">
+                                                <h4 class="mb-1"><?= esc($item->title) ?></h4>
+                                                <a href="<?= route_to('editGroup', $item->id) ?>">
+                                                    <span><?= lang('Basic.global.edit') ?></span>
+                                                </a>
                                             </div>
-                                            <div class="d-flex justify-content-between align-items-end mt-1">
-                                                <div class="role-heading">
-                                                    <h4 class="mb-1"><?= esc($item->title) ?></h4>
-                                                    <a href="<?= route_to('editGroup', $item->id) ?>">
-                                                        <span><?= lang('Basic.global.edit') ?></span>
-                                                    </a>
-                                                </div>
-                                                <?=
-                                                anchor('#confirm2delete', "<i class='ti ti-trash ti-md'></i>",
+                                            <?=
+                                                anchor(
+                                                    '#confirm2delete',
+                                                    "<i class='ti ti-trash ti-md'></i>",
                                                     [
                                                         'class' => 'text-muted',
                                                         'data-href' => route_to('deleteGroup', $item->id),
                                                         'data-bs-toggle' => 'modal',
                                                         'data-bs-target' => '#confirm2delete'
-                                                    ]);
-                                                ?>
-                                            </div>
+                                                    ]
+                                                );
+                                            ?>
                                         </div>
                                     </div>
                                 </div>
-                            <?php endforeach; ?>
-                        </div>
-                        <!--/ Role cards -->
+                            </div>
+                        <?php endforeach; ?>
                     </div>
-                    <?= view('themes/_commonPartialsBs/_alertBoxes'); ?>
+                    <!--/ Role cards -->
+                </div>
+                <?= view('themes/_commonPartialsBs/_alertBoxes'); ?>
 
-                </div><!--//.card-body -->
-                <div class="card-footer">
+            </div><!--//.card-body -->
+            <div class="card-footer">
 
-                </div><!--//.card-footer -->
-            </div><!--//.card -->
-        </div><!--//.col -->
-    </div><!--//.row -->
+            </div><!--//.card-footer -->
+        </div><!--//.card -->
+    </div><!--//.col -->
+</div><!--//.row -->
 
 <?= $this->endSection() ?>
\ No newline at end of file