diff --git a/desktop/flipper-plugin/src/ui/data-inspector/DataInspector.tsx b/desktop/flipper-plugin/src/ui/data-inspector/DataInspector.tsx
index 872bfaa93..396325b33 100644
--- a/desktop/flipper-plugin/src/ui/data-inspector/DataInspector.tsx
+++ b/desktop/flipper-plugin/src/ui/data-inspector/DataInspector.tsx
@@ -67,6 +67,11 @@ export type DataInspectorProps = {
    */
   filter?: string;
 
+  /**
+   * Highlight color of the search text
+   */
+  highlightColor?: string;
+
   /**
    * these should be ant design Menu.Item's
    */
@@ -202,7 +207,9 @@ export class DataInspector extends PureComponent<
     return (
       <Layout.Container onMouseLeave={this.removeHover}>
         <RootDataContext.Provider value={this.getRootData}>
-          <HighlightProvider text={this.props.filter}>
+          <HighlightProvider
+            text={this.props.filter}
+            highlightColor={this.props.highlightColor}>
             <DataInspectorNode
               hoveredNodePath={this.state.hoveredNodePath}
               setHoveredNodePath={this.setHoveredNodePath}