diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
index 59a5c6b0871..de6e144309e 100644
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
@@ -34,7 +34,7 @@
             <mat-option *ngFor="let user of searchUsers$ | async; let i = index" [value]="user">
                 <div class="adf-people-cloud-row" id="adf-people-cloud-user-{{user.username}}"
                      data-automation-id="adf-people-cloud-row">
-                    <div [outerHTML]="user | usernameInitials:'adf-people-widget-pic'"></div>
+                    <div [outerHTML]="user | usernameInitials:'adf-people-cloud-pic'"></div>
                     <span class="adf-people-label-name"> {{user | fullName}}</span>
                 </div>
             </mat-option>
diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
index 3db415c0248..10fe842d9db 100644
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
@@ -16,6 +16,7 @@
     &-people-cloud-row {
         display: flex;
         align-items: center;
+        column-gap: 10px;
     }
 
     &-people-cloud-pic {