diff --git a/src/caretogether-pwa/src/Activities/ActivityTimeline.tsx b/src/caretogether-pwa/src/Activities/ActivityTimeline.tsx
index 29c8748a..1ff8091f 100644
--- a/src/caretogether-pwa/src/Activities/ActivityTimeline.tsx
+++ b/src/caretogether-pwa/src/Activities/ActivityTimeline.tsx
@@ -130,7 +130,7 @@ export function ActivityTimeline({ family }: ActivityTimelineProps) {
             }}
           >
             <Box sx={{ color: 'text.disabled', margin: 0, padding: 0 }}>
-              <span style={{ marginRight: 16 }}>
+              <span className="ph-unmask" style={{ marginRight: 16 }}>
                 {format(activity.activityTimestampUtc!, 'M/d/yy h:mm a')}
               </span>
               <PersonName person={userLookup(activity.userId)} />
diff --git a/src/caretogether-pwa/src/Families/FamilyScreen.tsx b/src/caretogether-pwa/src/Families/FamilyScreen.tsx
index 010b4a9d..fca266c8 100644
--- a/src/caretogether-pwa/src/Families/FamilyScreen.tsx
+++ b/src/caretogether-pwa/src/Families/FamilyScreen.tsx
@@ -300,6 +300,7 @@ export function FamilyScreen() {
       <Toolbar variant="dense" disableGutters={true}>
         {permissions(Permission.UploadFamilyDocuments) && (
           <Button
+            className="ph-unmask"
             onClick={() => setUploadDocumentDialogOpen(true)}
             variant="contained"
             size="small"
@@ -311,6 +312,7 @@ export function FamilyScreen() {
         )}
         {permissions(Permission.EditFamilyInfo) && (
           <Button
+            className="ph-unmask"
             onClick={() => setAddAdultDialogOpen(true)}
             variant="contained"
             size="small"
@@ -322,6 +324,7 @@ export function FamilyScreen() {
         )}
         {permissions(Permission.EditFamilyInfo) && (
           <Button
+            className="ph-unmask"
             onClick={() => setAddChildDialogOpen(true)}
             variant="contained"
             size="small"
@@ -333,6 +336,7 @@ export function FamilyScreen() {
         )}
         {permissions(Permission.AddEditDraftNotes) && (
           <Button
+            className="ph-unmask"
             onClick={() => setAddNoteDialogOpen(true)}
             variant="contained"
             size="small"
@@ -497,6 +501,7 @@ export function FamilyScreen() {
 
             <Grid item xs={12}>
               <Typography
+                className="ph-unmask"
                 variant="h3"
                 style={{ marginTop: 0, marginBottom: 0 }}
               >
@@ -549,7 +554,9 @@ export function FamilyScreen() {
                       }}
                     >
                       {' '}
-                      <Typography variant="h3">Referrals</Typography>
+                      <Typography className="ph-unmask" variant="h3">
+                        Referrals
+                      </Typography>
                     </FormLabel>
                     <RadioGroup
                       aria-labelledby="demo-radio-buttons-group-label"
@@ -561,12 +568,19 @@ export function FamilyScreen() {
                           key={referral!.id}
                           value={referral!.id}
                           label={
-                            referral!.closedAtUtc
-                              ? `Referral Closed ${format(
-                                  referral!.closedAtUtc!,
-                                  'M/d/yy'
-                                )}`
-                              : 'Open Referral'
+                            referral!.closedAtUtc ? (
+                              <>
+                                <span className="ph-unmask">
+                                  Referral Closed{' '}
+                                </span>
+
+                                <span>
+                                  {format(referral!.closedAtUtc!, 'M/d/yy')}
+                                </span>
+                              </>
+                            ) : (
+                              <span className="ph-unmask">Open Referral</span>
+                            )
                           }
                           control={<Radio />}
                           onChange={() => setSelectedReferralId(referral!.id)}
@@ -620,6 +634,7 @@ export function FamilyScreen() {
                 selectedReferral?.id?.toString() ==
                   family.partneringFamilyInfo?.openReferral?.id?.toString() && (
                   <Button
+                    className="ph-unmask"
                     onClick={() => setCloseReferralDialogOpen(true)}
                     variant="contained"
                     size="small"
@@ -631,6 +646,7 @@ export function FamilyScreen() {
               {!family.partneringFamilyInfo?.openReferral &&
                 permissions(Permission.CreateReferral) && (
                   <Button
+                    className="ph-unmask"
                     onClick={() => setOpenNewReferralDialogOpen(true)}
                     variant="contained"
                     size="small"
@@ -674,7 +690,11 @@ export function FamilyScreen() {
               selectedReferral && (
                 <>
                   <Grid item xs={12} sm={6} md={4} style={{ paddingRight: 20 }}>
-                    <Typography variant="h3" style={{ marginBottom: 0 }}>
+                    <Typography
+                      className="ph-unmask"
+                      variant="h3"
+                      style={{ marginBottom: 0 }}
+                    >
                       Incomplete
                     </Typography>
                     {selectedReferral?.missingRequirements?.map(
@@ -689,7 +709,11 @@ export function FamilyScreen() {
                     )}
                   </Grid>
                   <Grid item xs={12} sm={6} md={4} style={{ paddingRight: 20 }}>
-                    <Typography variant="h3" style={{ marginBottom: 0 }}>
+                    <Typography
+                      className="ph-unmask"
+                      variant="h3"
+                      style={{ marginBottom: 0 }}
+                    >
                       Completed
                     </Typography>
                     {selectedReferral?.completedRequirements?.map(
@@ -759,7 +783,9 @@ export function FamilyScreen() {
                   </Box>
                 </Grid>
                 <Grid item xs={12} sm={6} md={4} style={{ paddingRight: 20 }}>
-                  <Typography variant="h3">Incomplete</Typography>
+                  <Typography className="ph-unmask" variant="h3">
+                    Incomplete
+                  </Typography>
                   {family.volunteerFamilyInfo?.missingRequirements?.map(
                     (missing, i) => (
                       <MissingRequirementRow
@@ -782,7 +808,9 @@ export function FamilyScreen() {
                   )}
                 </Grid>
                 <Grid item xs={12} sm={6} md={4} style={{ paddingRight: 20 }}>
-                  <Typography variant="h3">Completed</Typography>
+                  <Typography className="ph-unmask" variant="h3">
+                    Completed
+                  </Typography>
                   {family.volunteerFamilyInfo?.completedRequirements?.map(
                     (completed, i) => (
                       <CompletedRequirementRow
@@ -806,7 +834,11 @@ export function FamilyScreen() {
             )}
             {permissions(Permission.ViewFamilyDocumentMetadata) && (
               <Grid item xs={12} sm={6} md={4}>
-                <Typography variant="h3" style={{ marginBottom: 0 }}>
+                <Typography
+                  className="ph-unmask"
+                  variant="h3"
+                  style={{ marginBottom: 0 }}
+                >
                   Documents
                 </Typography>
                 <FamilyDocuments family={family} />
@@ -833,6 +865,7 @@ export function FamilyScreen() {
                     }}
                   >
                     <Typography
+                      className="ph-unmask"
                       variant="h3"
                       style={{
                         margin: 0,
@@ -864,6 +897,7 @@ export function FamilyScreen() {
                           (arrangementPolicy) => (
                             <Box key={arrangementPolicy.arrangementType}>
                               <Button
+                                className="ph-unmask"
                                 onClick={() =>
                                   setCreateArrangementDialogParameter(
                                     arrangementPolicy
@@ -901,7 +935,11 @@ export function FamilyScreen() {
               </Grid>
             )}
             <Grid item xs={12}>
-              <Typography variant="h3" style={{ marginBottom: 0 }}>
+              <Typography
+                className="ph-unmask"
+                variant="h3"
+                style={{ marginBottom: 0 }}
+              >
                 Family Members
               </Typography>
               <Masonry
diff --git a/src/caretogether-pwa/src/Families/PrimaryContactEditor.tsx b/src/caretogether-pwa/src/Families/PrimaryContactEditor.tsx
index 50c28504..b35934ea 100644
--- a/src/caretogether-pwa/src/Families/PrimaryContactEditor.tsx
+++ b/src/caretogether-pwa/src/Families/PrimaryContactEditor.tsx
@@ -74,11 +74,17 @@ export function PrimaryContactEditor({ family }: PrimaryContactEditorProps) {
     <Box>
       {primaryContactPersonDeleted && (
         <>
-          <Chip size="medium" label={'No primary contact!'} color="error" />
+          <Chip
+            className="ph-unmask"
+            size="medium"
+            label={'No primary contact!'}
+            color="error"
+          />
           <br />
         </>
       )}
-      Primary Contact: <PersonName person={primaryContactPerson} />
+      <span className="ph-unmask">Primary Contact:</span>{' '}
+      <PersonName person={primaryContactPerson} />
       {permissions(Permission.EditFamilyInfo) && editor.editButton}
     </Box>
   );
diff --git a/src/caretogether-pwa/src/Generic/CustomFieldEditor.tsx b/src/caretogether-pwa/src/Generic/CustomFieldEditor.tsx
index 2584c0ab..44820a01 100644
--- a/src/caretogether-pwa/src/Generic/CustomFieldEditor.tsx
+++ b/src/caretogether-pwa/src/Generic/CustomFieldEditor.tsx
@@ -34,7 +34,7 @@ export function CustomFieldEditor({
   return (
     <Box style={{ margin: 0 }}>
       <span>
-        {customFieldPolicy.name}:&nbsp;
+        <span className="ph-unmask">{customFieldPolicy.name}:</span>&nbsp;
         {editor.editing ? (
           type === CustomFieldType.Boolean ? (
             <>
diff --git a/src/caretogether-pwa/src/Notes/NoteCard.tsx b/src/caretogether-pwa/src/Notes/NoteCard.tsx
index bdd26c88..cc247b9d 100644
--- a/src/caretogether-pwa/src/Notes/NoteCard.tsx
+++ b/src/caretogether-pwa/src/Notes/NoteCard.tsx
@@ -60,6 +60,7 @@ export function NoteCard({ familyId, note }: NoteCardProps) {
         <CardActions sx={{ paddingTop: 0 }}>
           {permissions(Permission.DiscardDraftNotes) && (
             <Button
+              className="ph-unmask"
               onClick={() => setShowDiscardNoteDialog(true)}
               variant="contained"
               size="small"
@@ -72,6 +73,7 @@ export function NoteCard({ familyId, note }: NoteCardProps) {
           )}
           {permissions(Permission.AddEditDraftNotes) && (
             <Button
+              className="ph-unmask"
               onClick={() => setShowEditNoteDialog(true)}
               variant="contained"
               size="small"
@@ -83,6 +85,7 @@ export function NoteCard({ familyId, note }: NoteCardProps) {
           )}
           {permissions(Permission.ApproveNotes) && (
             <Button
+              className="ph-unmask"
               onClick={() => setShowApproveNoteDialog(true)}
               variant="contained"
               size="small"
diff --git a/src/caretogether-pwa/src/Referrals/Arrangements/ArrangementCard.tsx b/src/caretogether-pwa/src/Referrals/Arrangements/ArrangementCard.tsx
index a17ed5a2..4bf7b1fb 100644
--- a/src/caretogether-pwa/src/Referrals/Arrangements/ArrangementCard.tsx
+++ b/src/caretogether-pwa/src/Referrals/Arrangements/ArrangementCard.tsx
@@ -228,7 +228,7 @@ function ArrangementPlannedDuration({
   }, arrangement.plannedEndUtc || null);
 
   return (
-    <Stack direction="column" sx={{ clear: 'both' }}>
+    <Stack className="ph-unmask" direction="column" sx={{ clear: 'both' }}>
       <Box>
         <span>Planned start:&nbsp;</span>
         {!summaryOnly && permissions(Permission.EditArrangement) ? (
@@ -665,7 +665,11 @@ export function ArrangementCard({
                 </TableContainer>
                 {arrangement.phase !== ArrangementPhase.Cancelled && (
                   <>
-                    <Typography variant="body2" component="div">
+                    <Typography
+                      className="ph-unmask"
+                      variant="body2"
+                      component="div"
+                    >
                       {completedRequirementsWithContext.map((x, i) => (
                         <CompletedRequirementRow
                           key={`${x.completed.completedRequirementId}:${i}`}
diff --git a/src/caretogether-pwa/src/Referrals/Arrangements/ArrangementCardTitle.tsx b/src/caretogether-pwa/src/Referrals/Arrangements/ArrangementCardTitle.tsx
index 6bfc36bb..5caa8765 100644
--- a/src/caretogether-pwa/src/Referrals/Arrangements/ArrangementCardTitle.tsx
+++ b/src/caretogether-pwa/src/Referrals/Arrangements/ArrangementCardTitle.tsx
@@ -56,7 +56,7 @@ export function ArrangementCardTitle({
 
   return (
     <>
-      <span>{arrangement.arrangementType}</span>
+      <span className="ph-unmask">{arrangement.arrangementType}</span>
       {summaryOnly && (
         <span style={{ marginLeft: 40, float: 'right' }}>
           {arrangement.phase === ArrangementPhase.Cancelled
@@ -71,7 +71,7 @@ export function ArrangementCardTitle({
         </span>
       )}
       {!summaryOnly && (
-        <span style={{ marginLeft: 0, float: 'right' }}>
+        <span className="ph-unmask" style={{ marginLeft: 0, float: 'right' }}>
           {arrangement.phase === ArrangementPhase.Cancelled ? (
             `Cancelled ${formatRelative(arrangement.cancelledAtUtc!, now)}`
           ) : arrangement.phase === ArrangementPhase.SettingUp ? (
diff --git a/src/caretogether-pwa/src/Referrals/Arrangements/ArrangementFunctionRow.tsx b/src/caretogether-pwa/src/Referrals/Arrangements/ArrangementFunctionRow.tsx
index 2fd94c01..032cf32e 100644
--- a/src/caretogether-pwa/src/Referrals/Arrangements/ArrangementFunctionRow.tsx
+++ b/src/caretogether-pwa/src/Referrals/Arrangements/ArrangementFunctionRow.tsx
@@ -86,6 +86,7 @@ export function ArrangementFunctionRow({
     <>
       <TableRow key={functionPolicy.functionName}>
         <TableCell
+          className="ph-unmask"
           sx={{ padding: 0 }}
           colSpan={assignments.length === 0 ? 2 : 1}
           valign="top"
diff --git a/src/caretogether-pwa/src/Referrals/ReferralComments.tsx b/src/caretogether-pwa/src/Referrals/ReferralComments.tsx
index 8c76beec..1abb148a 100644
--- a/src/caretogether-pwa/src/Referrals/ReferralComments.tsx
+++ b/src/caretogether-pwa/src/Referrals/ReferralComments.tsx
@@ -39,7 +39,11 @@ export function ReferralComments({
 
   return permissions(Permission.ViewReferralComments) ? (
     <Box sx={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
-      <Typography variant="h3" style={{ marginBottom: 0 }}>
+      <Typography
+        className="ph-unmask"
+        variant="h3"
+        style={{ marginBottom: 0 }}
+      >
         Comments
         {permissions(Permission.EditReferral) && (
           <>
diff --git a/src/caretogether-pwa/src/Requirements/CompletedRequirementRow.tsx b/src/caretogether-pwa/src/Requirements/CompletedRequirementRow.tsx
index b31f2ddc..b5ff7b63 100644
--- a/src/caretogether-pwa/src/Requirements/CompletedRequirementRow.tsx
+++ b/src/caretogether-pwa/src/Requirements/CompletedRequirementRow.tsx
@@ -64,7 +64,7 @@ export function CompletedRequirementRow({
           }
         >
           <>
-            <span>
+            <span className="ph-unmask">
               {requirement.requirementName}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
               {requirement.completedAtUtc && (
                 <span style={{ float: 'right' }}>
diff --git a/src/caretogether-pwa/src/Requirements/MissingRequirementRow.tsx b/src/caretogether-pwa/src/Requirements/MissingRequirementRow.tsx
index 6554c9f5..bc44d69d 100644
--- a/src/caretogether-pwa/src/Requirements/MissingRequirementRow.tsx
+++ b/src/caretogether-pwa/src/Requirements/MissingRequirementRow.tsx
@@ -59,7 +59,7 @@ export function MissingRequirementRow({
         icon={isAvailableApplication ? '💤' : '❌'}
         onClick={canComplete || canExempt ? dialogHandle.openDialog : undefined}
       >
-        {requirement}
+        <span className="ph-unmask">{requirement}</span>
         {policyVersion && (
           <Chip
             label={policyVersion}