diff --git a/packages/theme/styles/components.scss b/packages/theme/styles/components.scss
index 5a2958fc5a..0d5e1f34fc 100644
--- a/packages/theme/styles/components.scss
+++ b/packages/theme/styles/components.scss
@@ -147,7 +147,7 @@
     mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10,13.5c0-1.9,1.6-3.5,3.5-3.5c1,0,1.9,0.4,2.5,1.1V0H0v16h11.1C10.4,15.4,10,14.5,10,13.5z' /%3E%3C/svg%3E");
     &.hulyAvatarSize-large {
       mask-image: 
-        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='69' cy='69' r='11' /%3E%3C/svg%3E"),
+        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='57' cy='57' r='9' /%3E%3C/svg%3E"),
         linear-gradient(#000 0 0);
       mask-composite: exclude;
     }
@@ -266,9 +266,8 @@
   .ava-text { font-size: 2.75rem; }
 
   &.modern {
-    width: 5rem;
-
-    .ava-text { font-size: 3rem; }
+    width: 4rem; // 64 - 56
+    .ava-text { font-size: 2.5rem; }
   }
 }
 .hulyAvatarSize-x-large {
@@ -327,19 +326,14 @@
   &:not(.small-font) {
     &.medium { 
       width: 13px;
-      &.modern { 
-        right: 4px;
-        bottom: 4px;
-        width: 14px; 
-      }
     }
   }
   .small-font &.medium { 
     width: 11px; 
     &.modern { 
-      width: 13px; 
-      right: 3px;
-      bottom: 3px;
+      width: 12px; 
+      right: 0px;
+      bottom: 0px;
     }
   }
   &.large {
diff --git a/plugins/achievement-resources/src/components/PersonAchievementsPresenter.svelte b/plugins/achievement-resources/src/components/PersonAchievementsPresenter.svelte
index d8bf4e9711..fb217148a3 100644
--- a/plugins/achievement-resources/src/components/PersonAchievementsPresenter.svelte
+++ b/plugins/achievement-resources/src/components/PersonAchievementsPresenter.svelte
@@ -46,5 +46,6 @@
     padding: 0.625rem 0.5rem 0 0.5rem;
 
     order: 1;
+    margin-bottom: -0.5rem;
   }
 </style>
diff --git a/plugins/contact-resources/src/components/AvatarInstance.svelte b/plugins/contact-resources/src/components/AvatarInstance.svelte
index dac19cc4cc..57ec806567 100644
--- a/plugins/contact-resources/src/components/AvatarInstance.svelte
+++ b/plugins/contact-resources/src/components/AvatarInstance.svelte
@@ -108,7 +108,7 @@
   >
     {#if url && !imgError}
       <img
-        class="hulyAvatarSize-{size} ava-image {disabled ? 'disabled' : ''}"
+        class="hulyAvatarSize-{size} ava-image {disabled ? 'disabled' : ''} {style}"
         src={url}
         {srcset}
         alt={''}
diff --git a/plugins/contact-resources/src/components/person/DeactivatedHeader.svelte b/plugins/contact-resources/src/components/person/DeactivatedHeader.svelte
index 4c1a818ab9..cd57d8d9e9 100644
--- a/plugins/contact-resources/src/components/person/DeactivatedHeader.svelte
+++ b/plugins/contact-resources/src/components/person/DeactivatedHeader.svelte
@@ -57,7 +57,7 @@
   }
 
   .deactivated-header {
-    width: 22.5rem;
+    width: 20rem;
     align-self: stretch;
     padding-left: 1rem;
     padding-right: 1rem;
diff --git a/plugins/contact-resources/src/components/person/EmployeePreviewPopup.svelte b/plugins/contact-resources/src/components/person/EmployeePreviewPopup.svelte
index 8fc1c3ca47..8cb211731e 100644
--- a/plugins/contact-resources/src/components/person/EmployeePreviewPopup.svelte
+++ b/plugins/contact-resources/src/components/person/EmployeePreviewPopup.svelte
@@ -74,7 +74,7 @@
   </div>
   <div slot="content">
     {#if !disabled}
-      <div class="flex-presenter cursor-default flex-gap-2 p-2">
+      <div class="flex-presenter cursor-default flex-gap-2 p-3">
         <Avatar
           size="large"
           person={employee}
@@ -86,7 +86,7 @@
           clickable
           on:click={viewProfile}
         />
-        <div class="flex-col flex-gap-0-5">
+        <div class="flex-col flex-gap-0-5 pl-1">
           <div class="status-container" />
           <EmployeePresenter value={employee} shouldShowAvatar={false} showPopup={false} compact accent />
           <span class="flex-presenter cursor-default">
diff --git a/plugins/contact-resources/src/components/person/ModernProfilePopup.svelte b/plugins/contact-resources/src/components/person/ModernProfilePopup.svelte
index b2fb401360..8e67dd0d72 100644
--- a/plugins/contact-resources/src/components/person/ModernProfilePopup.svelte
+++ b/plugins/contact-resources/src/components/person/ModernProfilePopup.svelte
@@ -50,7 +50,7 @@
     flex-direction: column;
     align-items: flex-start;
     padding: 0;
-    width: 22.5rem;
+    width: 20rem;
   }
   .content,
   .content {
@@ -80,7 +80,7 @@
   .image-container {
     /* image-container */
     width: 100%;
-    min-height: 9rem;
+    min-height: 8rem;
     display: flex;
 
     /* Inside auto layout */
@@ -88,7 +88,7 @@
     order: 0;
     align-self: stretch;
     flex-grow: 0;
-    margin: -1.875rem 0;
+    margin: -1.75rem 0;
     z-index: -100;
   }
 
@@ -110,7 +110,7 @@
     right: 0;
     top: 0;
     bottom: 0;
-    height: 9rem;
+    height: 7.25rem;
 
     border-radius: 0;
     background-size: contain;