diff --git a/core/renderers/block_rendering_rewrite/block_render_draw.js b/core/renderers/block_rendering_rewrite/block_render_draw.js
index da58caae8..d036ef399 100644
--- a/core/renderers/block_rendering_rewrite/block_render_draw.js
+++ b/core/renderers/block_rendering_rewrite/block_render_draw.js
@@ -127,7 +127,7 @@ Blockly.blockRendering.Drawer.prototype.drawTop_ = function() {
     } else if (elem.type === 'previous connection') {
       this.steps_.push(Blockly.blockRendering.constants.NOTCH_PATH_LEFT);
     } else if (elem.type === 'hat') {
-      this.steps_.push(Blockly.blockRendering.constants.START_HAT_PATH);
+      this.steps_.push(Blockly.blockRendering.constants.START_HAT.path);
     } else if (elem.isSpacer()) {
       this.steps_.push('h', elem.width);
     }
diff --git a/core/renderers/block_rendering_rewrite/block_render_draw_highlight.js b/core/renderers/block_rendering_rewrite/block_render_draw_highlight.js
index 95d4f0615..d1ba53baf 100644
--- a/core/renderers/block_rendering_rewrite/block_render_draw_highlight.js
+++ b/core/renderers/block_rendering_rewrite/block_render_draw_highlight.js
@@ -66,9 +66,8 @@ Blockly.blockRendering.Highlighter.prototype.drawTopCorner = function(row) {
     } else if (elem.type === 'previous connection') {
       this.highlightSteps_.push(Blockly.blockRendering.constants.NOTCH_PATH_LEFT_HIGHLIGHT);
     } else if (elem.type === 'hat') {
-      this.highlightSteps_.push(this.info_.RTL ?
-          Blockly.BlockSvg.START_HAT_HIGHLIGHT_RTL :
-          Blockly.BlockSvg.START_HAT_HIGHLIGHT_LTR);
+      this.highlightSteps_.push(
+          Blockly.blockRendering.constants.START_HAT.highlight(this.info_.RTL));
     } else if (elem.isSpacer()) {
       this.highlightSteps_.push('h', elem.width - Blockly.blockRendering.constants.HIGHLIGHT_OFFSET);
     }
diff --git a/core/renderers/block_rendering_rewrite/block_rendering_constants.js b/core/renderers/block_rendering_rewrite/block_rendering_constants.js
index 9b827ac22..244ee4af5 100644
--- a/core/renderers/block_rendering_rewrite/block_rendering_constants.js
+++ b/core/renderers/block_rendering_rewrite/block_rendering_constants.js
@@ -93,12 +93,19 @@ Blockly.blockRendering.constants.MAX_BOTTOM_WIDTH = 66.5;
  * @const
  */
 Blockly.blockRendering.constants.CORNER_RADIUS = 8;
+
 /**
  * Height of the top hat.
  * @const
+ * @private
  */
 Blockly.blockRendering.constants.START_HAT_HEIGHT = 15;
 
+/**
+ * Width of the top hat.
+ * @const
+ * @private
+ */
 Blockly.blockRendering.constants.START_HAT_WIDTH = 100;
 
 Blockly.blockRendering.constants.SPACER_DEFAULT_HEIGHT = 15;
@@ -182,17 +189,6 @@ Blockly.blockRendering.constants.TAB_PATH_UP =  'c 0,-10 -' + Blockly.blockRende
       ',8 -' + Blockly.blockRendering.constants.TAB_WIDTH + ',-7.5 s ' +
       Blockly.blockRendering.constants.TAB_WIDTH + ',2.5 ' + Blockly.blockRendering.constants.TAB_WIDTH + ',-7.5';
 
-/**
- * Path of the top hat's curve.
- * @const
- */
-Blockly.blockRendering.constants.START_HAT_PATH =
-    Blockly.utils.svgPaths.curve('c',
-        [
-          Blockly.utils.svgPaths.point(30, -Blockly.blockRendering.constants.START_HAT_HEIGHT),
-          Blockly.utils.svgPaths.point(70, -Blockly.blockRendering.constants.START_HAT_HEIGHT),
-          Blockly.utils.svgPaths.point(Blockly.blockRendering.constants.START_HAT_WIDTH, 0)
-        ]);
 /**
  * SVG path for drawing next/previous notch from left to right.
  * @const
@@ -350,28 +346,43 @@ Blockly.blockRendering.constants.TOP_LEFT_CORNER_HIGHLIGHT =
     Blockly.blockRendering.constants.CORNER_RADIUS + ',0.5';
 
 /**
- * Path of the top hat's curve's highlight in LTR.
- * @const
+ * Information about the hat on a start block.
  */
-Blockly.blockRendering.constants.START_HAT_HIGHLIGHT_LTR =
-    Blockly.utils.svgPaths.curve('c',
-        [
-          Blockly.utils.svgPaths.point(17.8, -9.2),
-          Blockly.utils.svgPaths.point(45.3, -14.9),
-          Blockly.utils.svgPaths.point(75, -8.7)
-        ]) +
-    Blockly.utils.svgPaths.moveTo(100.5, 0.5);
+Blockly.blockRendering.constants.START_HAT = (function() {
+  // It's really minus 15, which is super unfortunate.
+  var height = Blockly.blockRendering.constants.START_HAT_HEIGHT;
+  var width = Blockly.blockRendering.constants.START_HAT_WIDTH;
+  var highlightRtlPath =
+      Blockly.utils.svgPaths.moveBy(25, -8.7) +
+      Blockly.utils.svgPaths.curve('c',
+          [
+            Blockly.utils.svgPaths.point(29.7, -6.2),
+            Blockly.utils.svgPaths.point(57.2, -0.5),
+            Blockly.utils.svgPaths.point(75, 8.7)
+          ]);
 
-/**
- * Path of the top hat's curve's highlight in RTL.
- * @const
- */
-Blockly.blockRendering.constants.START_HAT_HIGHLIGHT_RTL =
-    Blockly.utils.svgPaths.moveBy(25, -8.7) +
-    Blockly.utils.svgPaths.curve('c',
-        [
-          Blockly.utils.svgPaths.point(29.7, -6.2),
-          Blockly.utils.svgPaths.point(57.2, -0.5),
-          Blockly.utils.svgPaths.point(75, 8.7)
-        ]);
+  var highlightLtrPath =
+      Blockly.utils.svgPaths.curve('c',
+          [
+            Blockly.utils.svgPaths.point(17.8, -9.2),
+            Blockly.utils.svgPaths.point(45.3, -14.9),
+            Blockly.utils.svgPaths.point(75, -8.7)
+          ]) +
+      Blockly.utils.svgPaths.moveTo(100.5, 0.5);
 
+  var mainPath =
+      Blockly.utils.svgPaths.curve('c',
+          [
+            Blockly.utils.svgPaths.point(30, -height),
+            Blockly.utils.svgPaths.point(70, -height),
+            Blockly.utils.svgPaths.point(width, 0)
+          ]);
+  return {
+    height: height,
+    width: width,
+    path: mainPath,
+    highlight: function(rtl) {
+      return rtl ? highlightRtlPath : highlightLtrPath;
+    }
+  };
+})();
diff --git a/core/renderers/block_rendering_rewrite/measurables.js b/core/renderers/block_rendering_rewrite/measurables.js
index c3953209c..514f087ab 100644
--- a/core/renderers/block_rendering_rewrite/measurables.js
+++ b/core/renderers/block_rendering_rewrite/measurables.js
@@ -314,7 +314,7 @@ Blockly.blockRendering.Hat = function() {
   Blockly.blockRendering.Hat.superClass_.constructor.call(this);
   this.type = 'hat';
   this.height = Blockly.blockRendering.constants.NO_PADDING;
-  this.width = Blockly.blockRendering.constants.START_HAT_WIDTH;
+  this.width = Blockly.blockRendering.constants.START_HAT.width;
 
 };
 goog.inherits(Blockly.blockRendering.Hat, Blockly.blockRendering.Measurable);