diff --git a/CardCreator.html b/CardCreator.html
index c9edf97..e40b64c 100644
--- a/CardCreator.html
+++ b/CardCreator.html
@@ -454,7 +454,7 @@ generation methods.
diff --git a/create-card.js.html b/create-card.js.html
index 7121ad9..f902367 100644
--- a/create-card.js.html
+++ b/create-card.js.html
@@ -321,7 +321,12 @@ class CardCreator {
// Name, Title, Server Rect
ctx.fillRect(25, 10, 840, 100);
- ctx.drawImage(this.imgJobBg[data.Character.ActiveClassJob.UnlockedState.ID], 450, 4, rectFullWidth, 110);
+ // BLU returns a null UnlockedState.ID so we can't use it to pick the job image.
+ if (data.Character.ActiveClassJob.UnlockedState.ID != null) {
+ ctx.drawImage(this.imgJobBg[data.Character.ActiveClassJob.UnlockedState.ID], 450, 4, rectFullWidth, 110);
+ } else {
+ ctx.drawImage(this.imgJobBg[36], 450, 4, rectFullWidth, 110);
+ }
ctx.fillRect(rectStartX, rectStartRow2Y, rectHalfWidth, rectHeightRow2);
ctx.fillRect(rectStartXHalf, rectStartRow2Y, rectHalfWidth, rectHeightRow2);
@@ -648,7 +653,7 @@ exports.CardCreator = CardCreator;
diff --git a/index.html b/index.html
index c2e44df..c9776b1 100644
--- a/index.html
+++ b/index.html
@@ -118,7 +118,7 @@ example((err, response) => {