แก้รูป

src/app/shared/components/header/header.component.html

@@ -697,8 +697,8 @@
               </button>
 
               <div class="hs-dropdown-menu ti-dropdown-menu border-0 w-[20rem]" aria-labelledby="dropdown-profile">
-                <div class="ti-dropdown-header !bg-primary flex">
-                  <div class="ltr:mr-3 rtl:ml-3">
+                <div class="ti-dropdown-header !bg-primary flex items-center space-x-3">
+                  <div class="flex-shrink-0">
                     <!-- <img class="avatar shadow-none rounded-full h-full !ring-transparent" src="./assets/img/users/profile2.jpg"
                       alt="profile-img" /> -->
                     <!-- <img *ngIf="employeeProfile?.picture && employeeProfile.picture !== ''; else defaultImage"
@@ -713,10 +713,8 @@
                         src="./assets/img/users/defaultperson.jpg"
                         alt="Image Description" />
                     </ng-template> -->
-                    <img style="height: 45px; width: 45px;"
-                    class="inline-block rounded-full ring-2 h-full !ring-transparent"
-                    src="./assets/img/users/man.PNG"
-                    alt="Image Description" />
+                    <img class="avatar shadow-none rounded-full !ring-transparent" src="./assets/img/users/man.PNG"
+                      alt="Image Description" />
                   </div>
                   <div>
                     <p class="ti-dropdown-header-title !text-white">