diff --git a/src/components/Profile.js b/src/components/Profile.js
index 229a7d29..9edf7ff2 100644
--- a/src/components/Profile.js
+++ b/src/components/Profile.js
@@ -12,14 +12,14 @@ import Container from './Sidebar/Container';
 import UserBlock from './UserBlock';
 
 const Field = props => (
-	<p className="m-0 mb-1 flex">
-		<strong className="w-1/4 grow-0 shrink-0">{ props.name }:</strong>
+	<p className="m-0 mb-1 flex gap-x-2">
+		<strong className="w-1/4 grow-0 shrink-0">{ props.name }:{ ' ' }</strong>
 		<span className={ props.missing ? 'missing italic' : null }>{ props.children }</span>
 	</p>
 );
 
 const LocalTime = props => {
-	const timeZone = props.user.meta.hm_time_timezone;
+	const timeZone = props.user.meta.hm_time_timezone || ( props.user.facts && props.user.facts.timezone );
 	if ( ! timeZone ) {
 		const profileUrl = `${ window.H2Data.site.url }/wp-admin/profile.php?user_id=${ props.user.id }`;
 		return (
@@ -86,7 +86,7 @@ export class Profile extends React.Component {
 			<Container { ...containerProps }>
 				<UserBlock user={ user } />
 
-				{ user.facts && (
+				{ user.facts && user.facts.location && window.H2Data.site.mapbox_key && (
 					<Map
 						height="200"
 						location={ user.facts.location }
@@ -105,9 +105,11 @@ export class Profile extends React.Component {
 				</ul>
 
 				<LocalTime user={ user } />
+				{ user.facts && user.facts.location_name && <Field name="Location">{ user.facts.location_name }</Field> }
+				{ user.facts && user.facts.pronouns && <Field name="Pronouns">{ user.facts.pronouns }</Field> }
 
 				<div className="Profile-description">
-					{ user.facts && user.facts.long_description.split( '\n' ).map( ( text, idx ) =>
+					{ user.facts && user.facts.long_description && user.facts.long_description.split( '\n' ).map( ( text, idx ) =>
 						<p key={ idx }>{ text }</p>
 					) }
 				</div>
diff --git a/src/components/UserBlock.js b/src/components/UserBlock.js
index 0458d58a..88b9d9d5 100644
--- a/src/components/UserBlock.js
+++ b/src/components/UserBlock.js
@@ -18,11 +18,7 @@ export default function UserBlock( props ) {
 			<div>
 				<h2>{ user.name }</h2>
 				<p>@{ user.slug }</p>
-				{ user.facts && (
-					<p className={ user.facts.job_title ? 'text-hm-medium-grey' : 'text-hm-medium-grey italic' }>
-						{ user.facts.job_title || 'Unknown Role' }
-					</p>
-				) }
+				{ user.facts && user.facts.job_title && <p className="text-hm-medium-grey">{ user.facts.job_title }</p> }
 			</div>
 		</div>
 	);
diff --git a/src/components/UserHovercard.js b/src/components/UserHovercard.js
index 4188a821..f1f8f708 100644
--- a/src/components/UserHovercard.js
+++ b/src/components/UserHovercard.js
@@ -19,7 +19,7 @@ const DESCRIPTION_CLASSES = [
 ].join( ' ' );
 
 const LocalTime = props => {
-	const timeZone = props.user.meta.hm_time_timezone;
+	const timeZone = props.user.meta.hm_time_timezone || props.user.facts.timezone;
 	if ( ! timeZone ) {
 		return (
 			<p className="m-0">
@@ -47,10 +47,6 @@ const LocalTime = props => {
 };
 
 export function UserCard( { user } ) {
-	const titleClasses = user.facts.job_title
-		? 'text-hm-medium-grey'
-		: 'text-hm-medium-grey italic';
-
 	return (
 		<aside className={ ASIDE_CLASSES }>
 			<div>
@@ -68,22 +64,24 @@ export function UserCard( { user } ) {
 						<p className="text-hm-medium-grey text-[0.9em] font-normal">
 							@{ user.slug }
 						</p>
-						<p className={ titleClasses }>
-							{ user.facts.job_title || 'Unknown Role' }
-						</p>
+						{ user.facts.job_title && <p className="text-hm-medium-grey">{ user.facts.job_title }</p> }
 					</div>
 				</header>
 
 				<div className={ DESCRIPTION_CLASSES }>
 					<LocalTime user={ user } />
-					<p>{ user.facts.short_bio }</p>
+					{ user.facts.location_name && <p><strong>Location:</strong> { user.facts.location_name }</p> }
+					{ user.facts.pronouns && <p><strong>Pronouns:</strong> { user.facts.pronouns }</p> }
+					{ user.facts.short_bio && <p>{ user.facts.short_bio }</p> }
 				</div>
 			</div>
-			<Map
-				height="150"
-				location={ user.facts.location }
-				width="150"
-			/>
+			{ user.facts.location && window.H2Data.site.mapbox_key && (
+				<Map
+					height="150"
+					location={ user.facts.location }
+					width="150"
+				/>
+			) }
 		</aside>
 	);
 }
@@ -92,7 +90,7 @@ export default class UserHovercard extends React.Component {
 	render() {
 		const { children, user } = this.props;
 
-		if ( ! user.facts || ! window.H2Data.site.mapbox_key ) {
+		if ( ! user.facts ) {
 			return children;
 		}