diff --git a/src/storyMap/components/StoryMapForm/ShareDialog.js b/src/storyMap/components/StoryMapForm/ShareDialog.js
index 85fe99a128..0142d85f60 100644
--- a/src/storyMap/components/StoryMapForm/ShareDialog.js
+++ b/src/storyMap/components/StoryMapForm/ShareDialog.js
@@ -42,6 +42,7 @@ const RoleComponent = ({ member }) => {
       {t(`storyMap.role_${member.userRole.toLowerCase()}`)}
       {member.membershipStatus === MEMBERSHIP_STATUS_PENDING && (
         <Chip
+          component="span"
           label={t('memberships.membership_pending')}
           variant="outlined"
           size="small"