diff --git a/src/ui/public/stringify/editors/color.html b/src/ui/public/stringify/editors/color.html
index 39741a033b91..e3ed63b50d5d 100644
--- a/src/ui/public/stringify/editors/color.html
+++ b/src/ui/public/stringify/editors/color.html
@@ -4,7 +4,7 @@
       <button ng-if="editor.formatParams.colors.length > 1" aria-label="Remove Color" ng-click="removeColor($index)" tooltip="Remove Color" tooltip-append-to-body="true" type="button" class="btn btn-xs btn-danger editor-color-remove">
         <i aria-hidden="true" class="fa fa-times"></i>
       </button>
-      <div class="form-group" ng-if="editor.field.type === 'number'">
+      <div class="form-group" ng-if="'number' === editor.field.type ">
         <label>Range
           <small>
             (min:max)
@@ -14,7 +14,7 @@
           ng-model="color.range"
           class="form-control">
       </div>
-      <div class="form-group" ng-if="editor.field.type === 'string'">
+      <div class="form-group" ng-if="'string' === editor.field.type">
         <label>Regex</label>
         <input
             ng-model="color.regex"