diff --git a/core/colours.js b/core/colours.js
index c79962f142..4736e94e39 100644
--- a/core/colours.js
+++ b/core/colours.js
@@ -138,7 +138,8 @@ Blockly.Colours = {
   "checkboxCheck": "#ffffff",
   "buttonActiveBackground": "#ffffff",
   "buttonForeground": "#575E75",
-  "buttonBorder": "#c6c6c6"
+  "buttonBorder": "#c6c6c6",
+  "zoomIconFilter": "none"
 };
 
 /**
diff --git a/core/css.js b/core/css.js
index 6167d962ef..1c814cb0eb 100644
--- a/core/css.js
+++ b/core/css.js
@@ -768,6 +768,7 @@ Blockly.Css.CONTENT = [
 
   '.blocklyZoom>image {',
     'opacity: 1;',
+    'filter: $colour_zoomIconFilter;',
   '}',
 
   /* Darken flyout scrollbars due to being on a grey background. */