diff --git a/web-ui/src/components/reviews/TeamReviews.jsx b/web-ui/src/components/reviews/TeamReviews.jsx
index 935a8878ea..305721d722 100644
--- a/web-ui/src/components/reviews/TeamReviews.jsx
+++ b/web-ui/src/components/reviews/TeamReviews.jsx
@@ -257,7 +257,8 @@ const TeamReviews = ({ onBack, periodId }) => {
     // Now that teamMembers has been updated, we need to make sure that the
     // assignments reflects the set of team members.
     const ids = teamMembers.map(m => m.id);
-    setAssignments(assignments.filter(a => a.revieweeId && ids.includes(a.revieweeId)));
+    const newAssignments = assignments.filter(a => a.revieweeId && ids.includes(a.revieweeId));
+    setAssignments(newAssignments);
   };
 
   const addAssignmentForMemberWithNone = async (members) => {
@@ -268,6 +269,9 @@ const TeamReviews = ({ onBack, periodId }) => {
       if (!!!exists && member.supervisorid) {
         const reviewers = [{ id: member.supervisorid }];
         updateReviewers(member, reviewers);
+      } else if (!!!exists && !!!member.supervisorid) {
+        const reviewers = [{ id: null }];
+        updateReviewers(member, reviewers);
       }
     });
   }