diff --git a/app/Http/Resources/User.php b/app/Http/Resources/User.php
index 5fcb8ea..39e22f1 100644
--- a/app/Http/Resources/User.php
+++ b/app/Http/Resources/User.php
@@ -18,6 +18,7 @@ class User extends JsonResource
     {
         return [
             'full_name' => $this->first_name.' '.$this->last_name,
+            'email' => $this->email,
             'role' => UserRoles::ROLES_NAMES[$this->role_id],
             'created_at' =>Carbon::parse($this->created_at)->format('d/m/Y')
         ];
diff --git a/resources/assets/vue/components/account/elements/AccountComponent.vue b/resources/assets/vue/components/account/elements/AccountComponent.vue
index 5208a7f..97dd87f 100644
--- a/resources/assets/vue/components/account/elements/AccountComponent.vue
+++ b/resources/assets/vue/components/account/elements/AccountComponent.vue
@@ -6,14 +6,10 @@
                     <div class="row align-items-center justify-content-center fs-11 p-t-10 p-b-10">
                         <div class="col">
                             <div class="row">
-                                <div class="col">
-                                    <div class="col bold">{{this.account.full_name}}</div>
-                                </div>
+                                <div class="col bold"><span class="text-complete">{{this.account.role}}</span> - <span class="text-capitalize">{{this.account.full_name}}</span></div>
                             </div>
                             <div class="row">
-                                <div class="col">
-                                    <div class="col bold">{{this.account.email}}</div>
-                                </div>
+                                <div class="col muted">{{this.account.email}}</div>
                             </div>
                         </div>
                         <div class="col-auto text-right">