diff --git a/src/buildHTML.js b/src/buildHTML.js
index 2d1ba65f..6cb4d788 100644
--- a/src/buildHTML.js
+++ b/src/buildHTML.js
@@ -135,6 +135,8 @@ var getBaseElem = function(group) {
         } else {
             return group;
         }
+    } else if (group.type === "font") {
+        return getBaseElem(group.value.body);
     } else {
         return group;
     }
diff --git a/test/screenshotter/images/SupSubCharacterBox-chrome.png b/test/screenshotter/images/SupSubCharacterBox-chrome.png
index 40347309..aa63d1ef 100644
Binary files a/test/screenshotter/images/SupSubCharacterBox-chrome.png and b/test/screenshotter/images/SupSubCharacterBox-chrome.png differ
diff --git a/test/screenshotter/images/SupSubCharacterBox-firefox.png b/test/screenshotter/images/SupSubCharacterBox-firefox.png
index 5a9e6d1e..05c89a12 100644
Binary files a/test/screenshotter/images/SupSubCharacterBox-firefox.png and b/test/screenshotter/images/SupSubCharacterBox-firefox.png differ
diff --git a/test/screenshotter/ss_data.yaml b/test/screenshotter/ss_data.yaml
index 59bc5bd6..9c9ec7d6 100644
--- a/test/screenshotter/ss_data.yaml
+++ b/test/screenshotter/ss_data.yaml
@@ -104,7 +104,7 @@ Sqrt: |
     ^{\sqrt{\sqrt{\sqrt{x}}}}}
 SqrtRoot: |
     1+\sqrt[3]{2}+\sqrt[1923^234]{2^{2^{2^{2^{2^{2^{2^{2^{2^{2^{2^2}}}}}}}}}}}
-SupSubCharacterBox: a_2f_2{f}_2{aa}_2{af}_2
+SupSubCharacterBox: a_2f_2{f}_2{aa}_2{af}_2\mathbf{y}_Ay_A
 SupSubHorizSpacing: |
     x^{x^{x}}\Big|x_{x_{x_{x_{x}}}}\bigg|x^{x^{x_{x_{x_{x_{x}}}}}}\bigg|
 SupSubLeftAlignReset: |