diff --git a/core/css.js b/core/css.js
index acc0e4f35..cce336ab2 100644
--- a/core/css.js
+++ b/core/css.js
@@ -320,10 +320,6 @@ Blockly.Css.CONTENT = [
     'pointer-events: none;',
   '}',
 
-  '.blocklyBubbleText {',
-    'fill: #000;',
-  '}',
-
   '.blocklyFlyout {',
     'position: absolute;',
     'z-index: 20;',
diff --git a/core/renderers/common/constants.js b/core/renderers/common/constants.js
index 4451ee040..5de6be11c 100644
--- a/core/renderers/common/constants.js
+++ b/core/renderers/common/constants.js
@@ -1184,6 +1184,11 @@ Blockly.blockRendering.ConstantProvider.prototype.getCSS_ = function(name) {
       'fill: #000;',
     '}',
 
+    // Bubbles.
+    selector + ' .blocklyText.blocklyBubbleText {',
+      'fill: #000;',
+    '}',
+
     // Editable field hover.
     selector + ' .blocklyEditableText:not(.editing):hover>rect {',
       'stroke: #fff;',
diff --git a/core/renderers/zelos/constants.js b/core/renderers/zelos/constants.js
index 78583de92..738bc7e06 100644
--- a/core/renderers/zelos/constants.js
+++ b/core/renderers/zelos/constants.js
@@ -919,6 +919,11 @@ Blockly.zelos.ConstantProvider.prototype.getCSS_ = function(name) {
       'fill: #575E75;',
     '}',
 
+    // Bubbles.
+    selector + ' .blocklyText.blocklyBubbleText {',
+      'fill: #575E75;',
+    '}',
+
     // Editable field hover.
     selector + ' .blocklyDraggable:not(.blocklyDisabled)',
     ' .blocklyEditableText:not(.editing):hover>rect ,',