diff --git a/lib/content-services/src/lib/content-user-info/content-user-info.component.html b/lib/content-services/src/lib/content-user-info/content-user-info.component.html
index 71f86a89ca..216b225280 100644
--- a/lib/content-services/src/lib/content-user-info/content-user-info.component.html
+++ b/lib/content-services/src/lib/content-user-info/content-user-info.component.html
@@ -1,8 +1,8 @@
-<div 
-    id="userinfo_container" 
-    [class.adf-userinfo-name-right]="showOnRight" 
+<div
+    id="userinfo_container"
+    [class.adf-userinfo-name-right]="showOnRight"
     (keyup)="onKeyPress($event)"
-    class="adf-userinfo-container" 
+    class="adf-userinfo-container"
     *ngIf="canShow"
 >
     <span *ngIf="showName" id="adf-userinfo-ecm-name-display" class="adf-userinfo-name">
diff --git a/lib/core/src/lib/pipes/user-initial.pipe.ts b/lib/core/src/lib/pipes/user-initial.pipe.ts
index e76844b123..6aec8cbacf 100644
--- a/lib/core/src/lib/pipes/user-initial.pipe.ts
+++ b/lib/core/src/lib/pipes/user-initial.pipe.ts
@@ -31,7 +31,12 @@ export class InitialUsernamePipe implements PipeTransform {
         let safeHtml: SafeHtml = '';
         if (user) {
             const initialResult = this.getInitialUserName(user.firstName || user.displayName || user.username, user.lastName, delimiter);
-            safeHtml = this.sanitized.bypassSecurityTrustHtml(`<div data-automation-id="user-initials-image" class="${className}">${initialResult}</div>`);
+            const div = document.createElement('div');
+            div.innerText = initialResult;
+            div.dataset.automationId = 'user-initials-image';
+            div.className = className;
+
+            safeHtml = this.sanitized.bypassSecurityTrustHtml(div.outerHTML);
         }
         return safeHtml;
     }