diff --git a/src/renderer/render_info.js b/src/renderer/render_info.js
index 8e7a674b3b..896ed7f78f 100644
--- a/src/renderer/render_info.js
+++ b/src/renderer/render_info.js
@@ -78,7 +78,7 @@ export class RenderInfo extends Blockly.zelos.RenderInfo {
 
   getElemCenterline_(row, elem) {
     if (this.isBowlerHatBlock() && Blockly.blockRendering.Types.isField(elem)) {
-      return row.yPos + elem.height;
+      return row.yPos + row.height / 2;
     } else if (
       this.block_.isScratchExtension &&
       Blockly.blockRendering.Types.isField(elem) &&