diff --git a/wowchemy/layouts/partials/widgets/about.avatar.html b/wowchemy/layouts/partials/widgets/about.avatar.html
index 8f944d38..e80b97bf 100644
--- a/wowchemy/layouts/partials/widgets/about.avatar.html
+++ b/wowchemy/layouts/partials/widgets/about.avatar.html
@@ -28,7 +28,18 @@
   {{ end }}
 
   <div class="portrait-title">
-    <h2>{{ $person_page.Title }}</h2>
+    
+    <h2>
+      {{- if $person.name_pronunciation -}}
+        <ruby>
+          <rb>{{ $person_page.Title }}</rb>
+          <rt>{{ $person.name_pronunciation }}</rt>
+        </ruby>
+      {{- else -}}
+        {{- $person_page.Title -}}
+      {{- end -}}
+    </h2>
+
     {{ with $person.role }}<h3>{{ . | markdownify | emojify }}</h3>{{ end }}
 
     {{ range $person.organizations }}
diff --git a/wowchemy/layouts/partials/widgets/about.html b/wowchemy/layouts/partials/widgets/about.html
index d74655dc..c93ea216 100644
--- a/wowchemy/layouts/partials/widgets/about.html
+++ b/wowchemy/layouts/partials/widgets/about.html
@@ -32,7 +32,18 @@
       {{ end }}
 
       <div class="portrait-title">
-        <h2>{{ $person_page.Title }}</h2>
+        
+        <h2>
+          {{- if $person.name_pronunciation -}}
+            <ruby>
+              <rb>{{ $person_page.Title }}</rb>
+              <rt>{{ $person.name_pronunciation }}</rt>
+            </ruby>
+          {{- else -}}
+            {{- $person_page.Title -}}
+          {{- end -}}
+        </h2>
+        
         {{ with $person.role }}<h3>{{ . | markdownify | emojify }}</h3>{{ end }}
 
         {{ range $person.organizations }}