(fix) Fixup demographics section styling in patient banner

openmrs · Sep 17, 2024 · d09603d · d09603d
1 parent 05b9bcc
commit d09603d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/.../esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx b/.../esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx
@@ -39,8 +39,10 @@ export function PatientBannerPatientInfo({ patient }: PatientBannerPatientInfoPr
         <span>{gender}</span>
         {patient.birthDate && (
           <>
-            &middot; <span>{age(patient.birthDate)}</span>
-            &middot; <span>{formatDate(parseDate(patient.birthDate), { mode: 'wide', time: false })}</span>
+            <span className={styles.separator}>&middot;</span>
+            <span>{age(patient.birthDate)}</span>
+            <span className={styles.separator}>&middot;</span>
+            <span>{formatDate(parseDate(patient.birthDate), { mode: 'wide', time: false })}</span>
           </>
         )}
       </div>