diff --git a/packages/mgt-components/src/components/mgt-person/mgt-person.ts b/packages/mgt-components/src/components/mgt-person/mgt-person.ts
index 56db5228b3..2f294379a2 100644
--- a/packages/mgt-components/src/components/mgt-person/mgt-person.ts
+++ b/packages/mgt-components/src/components/mgt-person/mgt-person.ts
@@ -746,25 +746,30 @@ export class MgtPerson extends MgtTemplatedComponent {
switch (availability) {
case 'Available':
switch (activity) {
- case 'Available':
- presenceIcon = getSvg(SvgIcon.PresenceAvailable);
- break;
case 'OutOfOffice':
presenceIcon = getSvg(SvgIcon.PresenceOofAvailable);
break;
+ // OutOfOffice and Uknowns
+ case 'Available':
+ default:
+ presenceIcon = getSvg(SvgIcon.PresenceAvailable);
+ break;
}
break;
case 'Busy':
switch (activity) {
+ case 'OutOfOffice':
+ case 'OnACall':
+ presenceIcon = getSvg(SvgIcon.PresenceOofBusy);
+ break;
+ // Busy,InACall,InAConferenceCall,InAMeeting, Unknown
case 'Busy':
case 'InACall':
case 'InAMeeting':
+ case 'InAConferenceCall':
+ default:
presenceIcon = getSvg(SvgIcon.PresenceBusy);
break;
- case 'OutOfOffice':
- case 'OnACall':
- presenceIcon = getSvg(SvgIcon.PresenceOofBusy);
- break;
}
break;
case 'DoNotDisturb':
diff --git a/stories/components/peoplePicker/peoplePicker.style.js b/stories/components/peoplePicker/peoplePicker.style.js
index 74a83f8cb0..8975546383 100644
--- a/stories/components/peoplePicker/peoplePicker.style.js
+++ b/stories/components/peoplePicker/peoplePicker.style.js
@@ -15,7 +15,7 @@ export default {
};
export const customCSSProperties = () => html`
-
+