diff --git a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.scss b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.scss
index 1aab4048d3..2f84e090bc 100644
--- a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.scss
+++ b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.scss
@@ -21,6 +21,7 @@ $people-picker-font-size: var(--people-picker-font-size, 14px);
   fluent-text-field {
     width: 100%;
     font-size: $people-picker-font-size;
+    margin-block-end: 4px;
 
     &::part(root) {
       display: flex;
@@ -123,7 +124,6 @@ $people-picker-font-size: var(--people-picker-font-size, 14px);
   }
 
   fluent-card {
-    margin-top: 4px;
     background-color: $dropdown-card-color;
   }