diff --git a/web-client/src/views/CaseDetail/AddressDisplay.jsx b/web-client/src/views/CaseDetail/AddressDisplay.jsx
index df94b1e5836..b68103b1656 100644
--- a/web-client/src/views/CaseDetail/AddressDisplay.jsx
+++ b/web-client/src/views/CaseDetail/AddressDisplay.jsx
@@ -7,8 +7,9 @@ export const AddressDisplay = connect(
     constants: state.constants,
     contact: props.contact,
     nameOverride: props.nameOverride || {},
+    showEmail: props.showEmail || false,
   },
-  function AddressDisplay({ constants, contact, nameOverride }) {
+  function AddressDisplay({ constants, contact, nameOverride, showEmail }) {
     return (
       <>
         <p className="margin-top-0 address-name">
@@ -39,6 +40,9 @@ export const AddressDisplay = connect(
           {contact.phone && (
             <span className="address-line margin-top-1">{contact.phone}</span>
           )}
+          {contact.email && showEmail && (
+            <span className="address-line">{contact.email}</span>
+          )}
         </p>
       </>
     );
diff --git a/web-client/src/views/CaseDetail/PetitionerInformation.jsx b/web-client/src/views/CaseDetail/PetitionerInformation.jsx
index 7304b4018a1..79cfa44e808 100644
--- a/web-client/src/views/CaseDetail/PetitionerInformation.jsx
+++ b/web-client/src/views/CaseDetail/PetitionerInformation.jsx
@@ -86,6 +86,7 @@ const PetitionerInformation = connect(
                           formattedCaseDetail.showCaseTitleForPrimary &&
                           formattedCaseDetail.caseTitle
                         }
+                        showEmail={true}
                       />
                     </address>
                     {formattedCaseDetail.contactPrimary.serviceIndicator && (