diff --git a/osinaweb/osinacore/templates/main.html b/osinaweb/osinacore/templates/main.html
index 0b72ae5f..169b0174 100644
--- a/osinaweb/osinacore/templates/main.html
+++ b/osinaweb/osinacore/templates/main.html
@@ -1208,7 +1208,7 @@
                                 {% for recent_logged_in_customer in recent_logged_in_customers %}
                                 <div class="w-full flex justify-start items-center gap-2">
                                     <div
-                                        class="w-[50px] h-[50px] bg-secondosiblue flex justify-center items-center rounded-full text-white">
+                                        class="w-[40px] h-[40px] bg-secondosiblue flex justify-center items-center rounded-full text-white">
                                         <p>{{recent_logged_in_customer.first_name|slice:":1"}}{{recent_logged_in_customer.last_name|slice:":1"}}
                                         </p>
                                     </div>
@@ -1230,11 +1230,11 @@
                                     class="w-full bg-white rounded-md text-secondosiblue text-sm cursor-pointer p-2 staffButton"
                                     style="box-shadow: 0 0 6px rgba(88, 88, 88, 0.043), 6px 0 6px rgba(88, 88, 88, 0.043), 0 6px 6px rgba(88, 88, 88, 0.043), -6px 0 6px rgba(88, 88, 88, 0.043);">Staffs</button>
                             </div>
-                            <div class="w-full mt-3">
+                            <div class="w-full flex flex-col gap-3 mt-3">
                                 {% for recent_logged_in_staff in recent_logged_in_staffs %}
                                 <div class="w-full flex justify-start items-center gap-2">
                                     <div class="relative">
-                                        <div class="w-[50px] h-[50px] rounded-full">
+                                        <div class="w-[40px] h-[40px] rounded-full">
                                             <img src="{{recent_logged_in_staff.staffprofile.image.url}}"
                                                 class="w-full h-full object-cover rounded-full">
                                         </div>
@@ -1305,7 +1305,7 @@
                             {% for recent_logged_in_customer in recent_logged_in_customers %}
                             <div class="w-full flex justify-start items-center gap-2">
                                 <div
-                                    class="w-[50px] h-[50px] bg-secondosiblue flex justify-center items-center rounded-full text-white">
+                                    class="w-[40px] h-[40px] bg-secondosiblue flex justify-center items-center rounded-full text-white">
                                     <p>{{recent_logged_in_customer.first_name|slice:":1"}}{{recent_logged_in_customer.last_name|slice:":1"}}
                                     </p>
                                 </div>
@@ -1327,11 +1327,11 @@
                                 class="w-full bg-white rounded-md text-secondosiblue text-sm cursor-pointer p-2 staffButton"
                                 style="box-shadow: 0 0 6px rgba(88, 88, 88, 0.043), 6px 0 6px rgba(88, 88, 88, 0.043), 0 6px 6px rgba(88, 88, 88, 0.043), -6px 0 6px rgba(88, 88, 88, 0.043);">Staffs</button>
                         </div>
-                        <div class="w-full mt-3">
+                        <div class="w-full flex flex-col gap-3 mt-3">
                             {% for recent_logged_in_staff in recent_logged_in_staffs %}
                             <div class="w-full flex justify-start items-center gap-2">
                                 <div class="relative">
-                                    <div class="w-[50px] h-[50px] rounded-full">
+                                    <div class="w-[40px] h-[40px] rounded-full">
                                         <img src="{{recent_logged_in_staff.staffprofile.image.url}}"
                                             class="w-full h-full object-cover rounded-full">
                                     </div>