diff --git a/frontend/app/components/shared/SessionItem/SessionItem.tsx b/frontend/app/components/shared/SessionItem/SessionItem.tsx
index d787aa310..7faa3096b 100644
--- a/frontend/app/components/shared/SessionItem/SessionItem.tsx
+++ b/frontend/app/components/shared/SessionItem/SessionItem.tsx
@@ -115,7 +115,7 @@ function SessionItem(props: RouteComponentProps<Props>) {
                   className={cn('text-lg', {'color-teal cursor-pointer': !disableUser && hasUserId, [stl.userName]: !disableUser && hasUserId, 'color-gray-medium' : disableUser || !hasUserId})}
                   onClick={() => (!disableUser && !hasUserFilter) && onUserClick(userId, userAnonymousId)}
                 >
-                  <TextEllipsis text={userDisplayName} maxWidth="200" popupProps={{ inverted: true, size: 'tiny' }} />
+                  <TextEllipsis text={userDisplayName} maxWidth="200px" popupProps={{ inverted: true, size: 'tiny' }} />
                 </div>
               </div>
             </div>
diff --git a/frontend/app/components/ui/TextEllipsis/TextEllipsis.js b/frontend/app/components/ui/TextEllipsis/TextEllipsis.js
index 1629d8ead..584cb323b 100644
--- a/frontend/app/components/ui/TextEllipsis/TextEllipsis.js
+++ b/frontend/app/components/ui/TextEllipsis/TextEllipsis.js
@@ -41,7 +41,7 @@ const Trigger = forwardRef(({ textOrChildren, maxWidth, style, className, ...res
 const TextEllipsis = ({ 
 	text,
 	hintText = text,
-	children, 
+	children = null, 
 	maxWidth="auto",
 	style = {}, 
 	className="", 
@@ -98,4 +98,4 @@ const TextEllipsis = ({
 
 TextEllipsis.displayName ="TextEllipsis";
 
-export default TextEllipsis;
\ No newline at end of file
+export default TextEllipsis;