use a calculation instead

microsoftgraph · Jun 22, 2023 · be41690 · be41690
1 parent b3d3997
commit be41690
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/mgt-components/src/components/mgt-person-card/mgt-person-card.scss b/packages/mgt-components/src/components/mgt-person-card/mgt-person-card.scss
@@ -29,7 +29,10 @@ $person-card-avatar-size: var(--person-card-avatar-size, 75px);
 $person-card-details-left-spacing: var(--person-card-details-left-spacing, 15px);
 $person-card-avatar-top-spacing: var(--person-card-avatar-top-spacing, 15px);
 $person-card-details-bottom-spacing: var(--person-card-details-bottom-spacing, 0);
-$person-card-base-icons-left-spacing: var(--person-card-base-icons-left-spacing, 63px);
+$person-card-base-icons-left-spacing: var(
+  --person-card-base-icons-left-spacing,
+  calc(#{$person-card-avatar-size} * 0.85)
+);
 
 :host {
   box-shadow: $person-card-box-shadow;