diff --git a/packages/editor/document-editor/src/ui/extensions/widgets/issue-embed-widget/issue-widget-card.tsx b/packages/editor/document-editor/src/ui/extensions/widgets/issue-embed-widget/issue-widget-card.tsx
index b1e5e64a74..d3305e7612 100644
--- a/packages/editor/document-editor/src/ui/extensions/widgets/issue-embed-widget/issue-widget-card.tsx
+++ b/packages/editor/document-editor/src/ui/extensions/widgets/issue-embed-widget/issue-widget-card.tsx
@@ -41,9 +41,13 @@ export const IssueWidgetCard = (props) => {
             </div>
             <div>
               <AvatarGroup size="sm">
-                {issueDetails.assignee_details.map((assignee) => (
-                  <Avatar key={assignee.id} name={assignee.display_name} src={assignee.avatar} className={"m-0"} />
-                ))}
+                {issueDetails.assignee_details.map((assignee, index) => {
+                  if (assignee) {
+                    return (
+                      <Avatar key={index} name={assignee?.display_name} src={assignee?.avatar} className={"m-0"} />
+                    );
+                  }
+                })}
               </AvatarGroup>
             </div>
             {issueDetails.target_date && (