diff --git a/src/components/map/FeatureLayerPopup.jsx b/src/components/map/FeatureLayerPopup.jsx
index 550c335..ce434ab 100644
--- a/src/components/map/FeatureLayerPopup.jsx
+++ b/src/components/map/FeatureLayerPopup.jsx
@@ -66,7 +66,7 @@ class FeatureLayerPopup extends React.Component {
             color = styleFunction.convertFunction(color, propertySpec);
           }
 
-          const exprResult = expression.createExpression(color, propertySpec);
+          const exprResult = expression.createExpression(String(color), propertySpec);
           const val = exprResult.value.evaluate({
             zoom: zoom
           }, feature);
@@ -84,7 +84,7 @@ class FeatureLayerPopup extends React.Component {
     // This is quite complex, just incase there's an edgecase we're missing
     // always return black if we get an unexpected error.
     catch (err) {
-      console.error("Unable to get feature color, error:", err);
+      console.warn("Unable to get feature color, error:", err);
       return "black";
     }
   }