diff --git a/resources/views/livewire/studio/master/user/index.blade.php b/resources/views/livewire/studio/master/user/index.blade.php
index d491e6e..99d26a6 100644
--- a/resources/views/livewire/studio/master/user/index.blade.php
+++ b/resources/views/livewire/studio/master/user/index.blade.php
@@ -29,13 +29,13 @@ class="text-sm">
             </flux:card>
         </div>
 
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 items-start">
             @foreach ($employees as $employee)
                 <flux:card
                     class="relative space-y-4 transition-transform duration-300 ease-out hover:-translate-y-1 hover:shadow-lg">
                     <div
                         class="flex flex-col items-center text-center mb-4 p-4 rounded-t-lg {{ $employee['user']['status']['gradient'] }}">
-                        <flux:avatar circle size="xl" initials="{{ substr($employee['full_name'], 0, 2) }}"
+                        <flux:avatar circle size="xl" name="{{ $employee['full_name'] }}"
                             class="mb-3" />
                         <flux:heading size="lg" class="mb-1 text-white">{{ $employee['full_name'] }}
                         </flux:heading>