diff --git a/samples/charts/category-chart/chart-highlight-filter/src/app.component.html b/samples/charts/category-chart/chart-highlight-filter/src/app.component.html
index 4dc5ba354..969b3f6c5 100644
--- a/samples/charts/category-chart/chart-highlight-filter/src/app.component.html
+++ b/samples/charts/category-chart/chart-highlight-filter/src/app.component.html
@@ -13,7 +13,7 @@
           name="HighlightedValuesDisplayModeEditor"
           #highlightedValuesDisplayModeEditor
           label="Highlight Display Mode: "
-          primitiveValue="Hidden">
+          primitiveValue="Overlay">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
@@ -25,7 +25,7 @@
       [dataSource]="salesData"
       initialGroups="MonthName"
       initialHighlightFilter="Country ne 'UK'"
-      highlightedValuesDisplayMode="Hidden">
+      highlightedValuesDisplayMode="Overlay">
       </igx-category-chart>
   </div>
 </div>
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/src/app.component.html b/samples/charts/data-chart/chart-highlight-filter-datasource/src/app.component.html
index 7faafa2af..1409f7c06 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/src/app.component.html
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/src/app.component.html
@@ -13,7 +13,7 @@
           name="HighlightedValuesDisplayModeEditor"
           #highlightedValuesDisplayModeEditor
           label="Highlight Display Mode: "
-          primitiveValue="Hidden">
+          primitiveValue="Overlay">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
@@ -21,7 +21,7 @@
       <igx-data-chart
       shouldAutoExpandMarginForInitialLabels="true"
       computedPlotAreaMarginMode="Series"
-      highlightedValuesDisplayMode="Hidden"
+      highlightedValuesDisplayMode="Overlay"
       name="chart"
       #chart>
           <igx-category-x-axis
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/src/app.component.html b/samples/charts/data-chart/chart-highlight-filter-multiple-series/src/app.component.html
index 1ff9832ac..40c55e7c1 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/src/app.component.html
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/src/app.component.html
@@ -13,7 +13,7 @@
           name="HighlightedValuesDisplayModeEditor"
           #highlightedValuesDisplayModeEditor
           label="Highlight Display Mode: "
-          primitiveValue="Hidden">
+          primitiveValue="Overlay">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
@@ -23,7 +23,7 @@
       computedPlotAreaMarginMode="Series"
       name="chart"
       #chart
-      highlightedValuesDisplayMode="Hidden">
+      highlightedValuesDisplayMode="Overlay">
           <igx-category-x-axis
           name="xAxis"
           #xAxis
diff --git a/samples/charts/data-chart/chart-highlight-filter/src/app.component.html b/samples/charts/data-chart/chart-highlight-filter/src/app.component.html
index 316c6e3fa..e1fb8ecec 100644
--- a/samples/charts/data-chart/chart-highlight-filter/src/app.component.html
+++ b/samples/charts/data-chart/chart-highlight-filter/src/app.component.html
@@ -13,7 +13,7 @@
           name="HighlightedValuesDisplayModeEditor"
           #highlightedValuesDisplayModeEditor
           label="Highlight Display Mode: "
-          primitiveValue="Hidden">
+          primitiveValue="Overlay">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
@@ -21,7 +21,7 @@
       <igx-data-chart
       shouldAutoExpandMarginForInitialLabels="true"
       computedPlotAreaMarginMode="Series"
-      highlightedValuesDisplayMode="Hidden"
+      highlightedValuesDisplayMode="Overlay"
       name="chart"
       #chart>
           <igx-category-x-axis