diff --git a/samples/charts/category-chart/annotations-all/App.razor b/samples/charts/category-chart/annotations-all/App.razor
index 70b4006d91..21d3e4a60e 100644
--- a/samples/charts/category-chart/annotations-all/App.razor
+++ b/samples/charts/category-chart/annotations-all/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/annotations-callouts/App.razor b/samples/charts/category-chart/annotations-callouts/App.razor
index 8046e6988a..b77efcd7b5 100644
--- a/samples/charts/category-chart/annotations-callouts/App.razor
+++ b/samples/charts/category-chart/annotations-callouts/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/annotations-crosshairs/App.razor b/samples/charts/category-chart/annotations-crosshairs/App.razor
index e586d55b13..c3c46816c7 100644
--- a/samples/charts/category-chart/annotations-crosshairs/App.razor
+++ b/samples/charts/category-chart/annotations-crosshairs/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/annotations-custom/App.razor b/samples/charts/category-chart/annotations-custom/App.razor
index 98c8e72223..93c0a847a2 100644
--- a/samples/charts/category-chart/annotations-custom/App.razor
+++ b/samples/charts/category-chart/annotations-custom/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/annotations-final-value/App.razor b/samples/charts/category-chart/annotations-final-value/App.razor
index b96c820652..83fe5341ff 100644
--- a/samples/charts/category-chart/annotations-final-value/App.razor
+++ b/samples/charts/category-chart/annotations-final-value/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/annotations-highlighting/App.razor b/samples/charts/category-chart/annotations-highlighting/App.razor
index 028bcfb78f..57102d34dd 100644
--- a/samples/charts/category-chart/annotations-highlighting/App.razor
+++ b/samples/charts/category-chart/annotations-highlighting/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/area-chart-multiple-sources/App.razor b/samples/charts/category-chart/area-chart-multiple-sources/App.razor
index 669836f704..fddd20dc75 100644
--- a/samples/charts/category-chart/area-chart-multiple-sources/App.razor
+++ b/samples/charts/category-chart/area-chart-multiple-sources/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/area-chart-single-source/App.razor b/samples/charts/category-chart/area-chart-single-source/App.razor
index 833d266140..b41a857f9a 100644
--- a/samples/charts/category-chart/area-chart-single-source/App.razor
+++ b/samples/charts/category-chart/area-chart-single-source/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/area-chart-styling/App.razor b/samples/charts/category-chart/area-chart-styling/App.razor
index 647c5192e4..adf30880e3 100644
--- a/samples/charts/category-chart/area-chart-styling/App.razor
+++ b/samples/charts/category-chart/area-chart-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/axis-gap/App.razor b/samples/charts/category-chart/axis-gap/App.razor
index 31c6565e24..95d314da83 100644
--- a/samples/charts/category-chart/axis-gap/App.razor
+++ b/samples/charts/category-chart/axis-gap/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/axis-gridlines/App.razor b/samples/charts/category-chart/axis-gridlines/App.razor
index c9e16d8334..42ccd49e7a 100644
--- a/samples/charts/category-chart/axis-gridlines/App.razor
+++ b/samples/charts/category-chart/axis-gridlines/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/axis-inverted/App.razor b/samples/charts/category-chart/axis-inverted/App.razor
index 9b446ab7da..5210daf430 100644
--- a/samples/charts/category-chart/axis-inverted/App.razor
+++ b/samples/charts/category-chart/axis-inverted/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/axis-labels/App.razor b/samples/charts/category-chart/axis-labels/App.razor
index 10728edfae..611448642d 100644
--- a/samples/charts/category-chart/axis-labels/App.razor
+++ b/samples/charts/category-chart/axis-labels/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/axis-locations/App.razor b/samples/charts/category-chart/axis-locations/App.razor
index bedee83c49..508191eff5 100644
--- a/samples/charts/category-chart/axis-locations/App.razor
+++ b/samples/charts/category-chart/axis-locations/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/axis-options/App.razor b/samples/charts/category-chart/axis-options/App.razor
index 1602c32f0f..b11b8c8b19 100644
--- a/samples/charts/category-chart/axis-options/App.razor
+++ b/samples/charts/category-chart/axis-options/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/axis-overlap/App.razor b/samples/charts/category-chart/axis-overlap/App.razor
index c2dfaea92b..7a19f041cb 100644
--- a/samples/charts/category-chart/axis-overlap/App.razor
+++ b/samples/charts/category-chart/axis-overlap/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/axis-range/App.razor b/samples/charts/category-chart/axis-range/App.razor
index 97979b79d7..3e2069f988 100644
--- a/samples/charts/category-chart/axis-range/App.razor
+++ b/samples/charts/category-chart/axis-range/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/axis-tickmarks/App.razor b/samples/charts/category-chart/axis-tickmarks/App.razor
index 522cb8fa64..52944955fa 100644
--- a/samples/charts/category-chart/axis-tickmarks/App.razor
+++ b/samples/charts/category-chart/axis-tickmarks/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/axis-titles/App.razor b/samples/charts/category-chart/axis-titles/App.razor
index 7a75ffd913..c4fab16bec 100644
--- a/samples/charts/category-chart/axis-titles/App.razor
+++ b/samples/charts/category-chart/axis-titles/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/column-chart-multiple-sources/App.razor b/samples/charts/category-chart/column-chart-multiple-sources/App.razor
index fb37d36b4e..3752d4415c 100644
--- a/samples/charts/category-chart/column-chart-multiple-sources/App.razor
+++ b/samples/charts/category-chart/column-chart-multiple-sources/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/column-chart-single-source/App.razor b/samples/charts/category-chart/column-chart-single-source/App.razor
index a838591b5d..90b07da59f 100644
--- a/samples/charts/category-chart/column-chart-single-source/App.razor
+++ b/samples/charts/category-chart/column-chart-single-source/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/column-chart-styling/App.razor b/samples/charts/category-chart/column-chart-styling/App.razor
index bd2dac059e..9fba4b7ad3 100644
--- a/samples/charts/category-chart/column-chart-styling/App.razor
+++ b/samples/charts/category-chart/column-chart-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/column-chart-with-tooltips/App.razor b/samples/charts/category-chart/column-chart-with-tooltips/App.razor
index 71d3712548..55ee91eead 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/App.razor
+++ b/samples/charts/category-chart/column-chart-with-tooltips/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/custom-selection/App.razor b/samples/charts/category-chart/custom-selection/App.razor
index 2b65bd260a..b99c8db025 100644
--- a/samples/charts/category-chart/custom-selection/App.razor
+++ b/samples/charts/category-chart/custom-selection/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 @using IgniteUI.Blazor.Controls;
 @using System;
 
diff --git a/samples/charts/category-chart/data-aggregations/App.razor b/samples/charts/category-chart/data-aggregations/App.razor
index 02fb580c8e..55b0abd072 100644
--- a/samples/charts/category-chart/data-aggregations/App.razor
+++ b/samples/charts/category-chart/data-aggregations/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/data-legend-formatting-decimals/App.razor b/samples/charts/category-chart/data-legend-formatting-decimals/App.razor
index e499b5b0d0..48b4702463 100644
--- a/samples/charts/category-chart/data-legend-formatting-decimals/App.razor
+++ b/samples/charts/category-chart/data-legend-formatting-decimals/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/data-legend/App.razor b/samples/charts/category-chart/data-legend/App.razor
index e958319821..f0742ef7de 100644
--- a/samples/charts/category-chart/data-legend/App.razor
+++ b/samples/charts/category-chart/data-legend/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/data-tooltip-formatting-decimals/App.razor b/samples/charts/category-chart/data-tooltip-formatting-decimals/App.razor
index d57b121f8f..9f3ea8a80d 100644
--- a/samples/charts/category-chart/data-tooltip-formatting-decimals/App.razor
+++ b/samples/charts/category-chart/data-tooltip-formatting-decimals/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/data-tooltip-positioning/App.razor b/samples/charts/category-chart/data-tooltip-positioning/App.razor
index ecfe7c8683..fe5ae3ded7 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/App.razor
+++ b/samples/charts/category-chart/data-tooltip-positioning/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/category-chart/data-tooltip/App.razor b/samples/charts/category-chart/data-tooltip/App.razor
index f620bcac53..2ed1d89a7d 100644
--- a/samples/charts/category-chart/data-tooltip/App.razor
+++ b/samples/charts/category-chart/data-tooltip/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/format-specifiers/App.razor b/samples/charts/category-chart/format-specifiers/App.razor
index 7a55c6461a..bb9672b7b7 100644
--- a/samples/charts/category-chart/format-specifiers/App.razor
+++ b/samples/charts/category-chart/format-specifiers/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/line-chart-multiple-sources/App.razor b/samples/charts/category-chart/line-chart-multiple-sources/App.razor
index 12c9c13c5a..f1bee05163 100644
--- a/samples/charts/category-chart/line-chart-multiple-sources/App.razor
+++ b/samples/charts/category-chart/line-chart-multiple-sources/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/line-chart-single-source/App.razor b/samples/charts/category-chart/line-chart-single-source/App.razor
index 0ba20e1514..fa0e5c686e 100644
--- a/samples/charts/category-chart/line-chart-single-source/App.razor
+++ b/samples/charts/category-chart/line-chart-single-source/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/line-chart-styling/App.razor b/samples/charts/category-chart/line-chart-styling/App.razor
index dfab40d427..0bedb8b8db 100644
--- a/samples/charts/category-chart/line-chart-styling/App.razor
+++ b/samples/charts/category-chart/line-chart-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/marker-options/App.razor b/samples/charts/category-chart/marker-options/App.razor
index 1f67d3f695..405072ea67 100644
--- a/samples/charts/category-chart/marker-options/App.razor
+++ b/samples/charts/category-chart/marker-options/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 @using IgniteUI.Blazor.Controls;
 @using System;
 @using System.Linq;
diff --git a/samples/charts/category-chart/overview/App.razor b/samples/charts/category-chart/overview/App.razor
index e9e50d46d1..49b8ea7dbd 100644
--- a/samples/charts/category-chart/overview/App.razor
+++ b/samples/charts/category-chart/overview/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/point-chart-multiple-sources/App.razor b/samples/charts/category-chart/point-chart-multiple-sources/App.razor
index 25a5e86586..aadb250096 100644
--- a/samples/charts/category-chart/point-chart-multiple-sources/App.razor
+++ b/samples/charts/category-chart/point-chart-multiple-sources/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/point-chart-single-source/App.razor b/samples/charts/category-chart/point-chart-single-source/App.razor
index 191dedbe48..d0712a6036 100644
--- a/samples/charts/category-chart/point-chart-single-source/App.razor
+++ b/samples/charts/category-chart/point-chart-single-source/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/point-chart-styling/App.razor b/samples/charts/category-chart/point-chart-styling/App.razor
index de25570530..e29aed62af 100644
--- a/samples/charts/category-chart/point-chart-styling/App.razor
+++ b/samples/charts/category-chart/point-chart-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/spline-area-multiple-sources/App.razor b/samples/charts/category-chart/spline-area-multiple-sources/App.razor
index 661a4b6ab6..351d375cc4 100644
--- a/samples/charts/category-chart/spline-area-multiple-sources/App.razor
+++ b/samples/charts/category-chart/spline-area-multiple-sources/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/spline-area-single-source/App.razor b/samples/charts/category-chart/spline-area-single-source/App.razor
index b98c75ed8f..09d69cbbdf 100644
--- a/samples/charts/category-chart/spline-area-single-source/App.razor
+++ b/samples/charts/category-chart/spline-area-single-source/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/spline-area-styling/App.razor b/samples/charts/category-chart/spline-area-styling/App.razor
index 9cc8babdd6..a6aa571c34 100644
--- a/samples/charts/category-chart/spline-area-styling/App.razor
+++ b/samples/charts/category-chart/spline-area-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/spline-multiple-sources/App.razor b/samples/charts/category-chart/spline-multiple-sources/App.razor
index eb4d960df2..08e61f55a8 100644
--- a/samples/charts/category-chart/spline-multiple-sources/App.razor
+++ b/samples/charts/category-chart/spline-multiple-sources/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/spline-single-source/App.razor b/samples/charts/category-chart/spline-single-source/App.razor
index fd74e0e233..2e08b932a6 100644
--- a/samples/charts/category-chart/spline-single-source/App.razor
+++ b/samples/charts/category-chart/spline-single-source/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/spline-styling/App.razor b/samples/charts/category-chart/spline-styling/App.razor
index 64b34cc812..4b645faef4 100644
--- a/samples/charts/category-chart/spline-styling/App.razor
+++ b/samples/charts/category-chart/spline-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/step-area-multiple-sources/App.razor b/samples/charts/category-chart/step-area-multiple-sources/App.razor
index b6a6add9ec..176e8faf28 100644
--- a/samples/charts/category-chart/step-area-multiple-sources/App.razor
+++ b/samples/charts/category-chart/step-area-multiple-sources/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/step-area-single-source/App.razor b/samples/charts/category-chart/step-area-single-source/App.razor
index f099a502a6..24eadf46b1 100644
--- a/samples/charts/category-chart/step-area-single-source/App.razor
+++ b/samples/charts/category-chart/step-area-single-source/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/step-area-styling/App.razor b/samples/charts/category-chart/step-area-styling/App.razor
index 59c3df51d4..2057ed2cc8 100644
--- a/samples/charts/category-chart/step-area-styling/App.razor
+++ b/samples/charts/category-chart/step-area-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/step-line-multiple-sources/App.razor b/samples/charts/category-chart/step-line-multiple-sources/App.razor
index 879cba373c..40322cf74a 100644
--- a/samples/charts/category-chart/step-line-multiple-sources/App.razor
+++ b/samples/charts/category-chart/step-line-multiple-sources/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/step-line-single-source/App.razor b/samples/charts/category-chart/step-line-single-source/App.razor
index 960735a6ed..4497772dd3 100644
--- a/samples/charts/category-chart/step-line-single-source/App.razor
+++ b/samples/charts/category-chart/step-line-single-source/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/step-line-styling/App.razor b/samples/charts/category-chart/step-line-styling/App.razor
index 0c55e8fdab..ba361a425b 100644
--- a/samples/charts/category-chart/step-line-styling/App.razor
+++ b/samples/charts/category-chart/step-line-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/category-chart/value-lines/App.razor b/samples/charts/category-chart/value-lines/App.razor
index 5281c8478f..5bbed5279f 100644
--- a/samples/charts/category-chart/value-lines/App.razor
+++ b/samples/charts/category-chart/value-lines/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 @using IgniteUI.Blazor.Controls;
 @using System;
 @using System.Linq;
diff --git a/samples/charts/data-chart/annotations-custom/App.razor b/samples/charts/data-chart/annotations-custom/App.razor
index e3b8341338..e2735da027 100644
--- a/samples/charts/data-chart/annotations-custom/App.razor
+++ b/samples/charts/data-chart/annotations-custom/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/axis-annotations-corner-radius/App.razor b/samples/charts/data-chart/axis-annotations-corner-radius/App.razor
index 58c9f5aa19..6e85a32a35 100644
--- a/samples/charts/data-chart/axis-annotations-corner-radius/App.razor
+++ b/samples/charts/data-chart/axis-annotations-corner-radius/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/axis-label-rotation/App.razor b/samples/charts/data-chart/axis-label-rotation/App.razor
index 74f5c4f886..245604fa6b 100644
--- a/samples/charts/data-chart/axis-label-rotation/App.razor
+++ b/samples/charts/data-chart/axis-label-rotation/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/data-chart/axis-min-max-gap/App.razor b/samples/charts/data-chart/axis-min-max-gap/App.razor
index 0005ac4bc6..ad3171470e 100644
--- a/samples/charts/data-chart/axis-min-max-gap/App.razor
+++ b/samples/charts/data-chart/axis-min-max-gap/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/bar-chart-multiple-sources/App.razor b/samples/charts/data-chart/bar-chart-multiple-sources/App.razor
index cb08eec8fc..2ac261f3be 100644
--- a/samples/charts/data-chart/bar-chart-multiple-sources/App.razor
+++ b/samples/charts/data-chart/bar-chart-multiple-sources/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/bar-chart-overlapping/App.razor b/samples/charts/data-chart/bar-chart-overlapping/App.razor
index 0875c86fc3..3bc1bb5467 100644
--- a/samples/charts/data-chart/bar-chart-overlapping/App.razor
+++ b/samples/charts/data-chart/bar-chart-overlapping/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/bar-chart-single-source/App.razor b/samples/charts/data-chart/bar-chart-single-source/App.razor
index c65556f25b..4d781c18cc 100644
--- a/samples/charts/data-chart/bar-chart-single-source/App.razor
+++ b/samples/charts/data-chart/bar-chart-single-source/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/bar-chart-styling/App.razor b/samples/charts/data-chart/bar-chart-styling/App.razor
index bf6958df6c..e3aa1731ac 100644
--- a/samples/charts/data-chart/bar-chart-styling/App.razor
+++ b/samples/charts/data-chart/bar-chart-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/callout-layer-styling/App.razor b/samples/charts/data-chart/callout-layer-styling/App.razor
index 73ccd7b53d..42eb809fef 100644
--- a/samples/charts/data-chart/callout-layer-styling/App.razor
+++ b/samples/charts/data-chart/callout-layer-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/dash-array-axes/App.razor b/samples/charts/data-chart/dash-array-axes/App.razor
index 9e811c7972..9f65d8189b 100644
--- a/samples/charts/data-chart/dash-array-axes/App.razor
+++ b/samples/charts/data-chart/dash-array-axes/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/dash-array-series/App.razor b/samples/charts/data-chart/dash-array-series/App.razor
index f3881f2047..5b0fc3fba7 100644
--- a/samples/charts/data-chart/dash-array-series/App.razor
+++ b/samples/charts/data-chart/dash-array-series/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/dash-array-tickmarks/App.razor b/samples/charts/data-chart/dash-array-tickmarks/App.razor
index c913cde0ae..cde441712e 100644
--- a/samples/charts/data-chart/dash-array-tickmarks/App.razor
+++ b/samples/charts/data-chart/dash-array-tickmarks/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="container vertical fill">
diff --git a/samples/charts/data-chart/dash-array-trendline/App.razor b/samples/charts/data-chart/dash-array-trendline/App.razor
index 5407d74b24..0bab622b1b 100644
--- a/samples/charts/data-chart/dash-array-trendline/App.razor
+++ b/samples/charts/data-chart/dash-array-trendline/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="container vertical fill">
diff --git a/samples/charts/data-chart/data-legend/App.razor b/samples/charts/data-chart/data-legend/App.razor
index 7135da4623..e4293a804c 100644
--- a/samples/charts/data-chart/data-legend/App.razor
+++ b/samples/charts/data-chart/data-legend/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/data-tooltip/App.razor b/samples/charts/data-chart/data-tooltip/App.razor
index 7536a220f7..522a0ba038 100644
--- a/samples/charts/data-chart/data-tooltip/App.razor
+++ b/samples/charts/data-chart/data-tooltip/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/financial-price-series/App.razor b/samples/charts/data-chart/financial-price-series/App.razor
index 272a89cb4f..c7ea97ca61 100644
--- a/samples/charts/data-chart/financial-price-series/App.razor
+++ b/samples/charts/data-chart/financial-price-series/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="container vertical fill">
diff --git a/samples/charts/data-chart/format-specifiers/App.razor b/samples/charts/data-chart/format-specifiers/App.razor
index 3e5a4451d7..1736c43656 100644
--- a/samples/charts/data-chart/format-specifiers/App.razor
+++ b/samples/charts/data-chart/format-specifiers/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/polar-area-chart-styling/App.razor b/samples/charts/data-chart/polar-area-chart-styling/App.razor
index 740512b3fb..4981f19b68 100644
--- a/samples/charts/data-chart/polar-area-chart-styling/App.razor
+++ b/samples/charts/data-chart/polar-area-chart-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/polar-area-chart/App.razor b/samples/charts/data-chart/polar-area-chart/App.razor
index 2267936fa4..bfe3a0a12e 100644
--- a/samples/charts/data-chart/polar-area-chart/App.razor
+++ b/samples/charts/data-chart/polar-area-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/polar-line-chart/App.razor b/samples/charts/data-chart/polar-line-chart/App.razor
index 5ef6f72acb..d548529032 100644
--- a/samples/charts/data-chart/polar-line-chart/App.razor
+++ b/samples/charts/data-chart/polar-line-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/polar-scatter-chart/App.razor b/samples/charts/data-chart/polar-scatter-chart/App.razor
index 092d3b6997..8a74d7fcd5 100644
--- a/samples/charts/data-chart/polar-scatter-chart/App.razor
+++ b/samples/charts/data-chart/polar-scatter-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/polar-spline-area-chart/App.razor b/samples/charts/data-chart/polar-spline-area-chart/App.razor
index e49563bb4f..aa0a12e1a6 100644
--- a/samples/charts/data-chart/polar-spline-area-chart/App.razor
+++ b/samples/charts/data-chart/polar-spline-area-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/polar-spline-chart/App.razor b/samples/charts/data-chart/polar-spline-chart/App.razor
index f8bddf037c..4cd8c3a7c5 100644
--- a/samples/charts/data-chart/polar-spline-chart/App.razor
+++ b/samples/charts/data-chart/polar-spline-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/radial-area-chart-styling/App.razor b/samples/charts/data-chart/radial-area-chart-styling/App.razor
index e3ccedef05..3530cbead8 100644
--- a/samples/charts/data-chart/radial-area-chart-styling/App.razor
+++ b/samples/charts/data-chart/radial-area-chart-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/radial-area-chart/App.razor b/samples/charts/data-chart/radial-area-chart/App.razor
index 4d8977eb2b..ba334cb8e7 100644
--- a/samples/charts/data-chart/radial-area-chart/App.razor
+++ b/samples/charts/data-chart/radial-area-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/radial-column-chart/App.razor b/samples/charts/data-chart/radial-column-chart/App.razor
index fd1bec5d8f..5c15534055 100644
--- a/samples/charts/data-chart/radial-column-chart/App.razor
+++ b/samples/charts/data-chart/radial-column-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/radial-line-chart/App.razor b/samples/charts/data-chart/radial-line-chart/App.razor
index b95ccd2918..8721b135a7 100644
--- a/samples/charts/data-chart/radial-line-chart/App.razor
+++ b/samples/charts/data-chart/radial-line-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/radial-pie-chart/App.razor b/samples/charts/data-chart/radial-pie-chart/App.razor
index 009746eb8b..ec432f8104 100644
--- a/samples/charts/data-chart/radial-pie-chart/App.razor
+++ b/samples/charts/data-chart/radial-pie-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/range-area-chart/App.razor b/samples/charts/data-chart/range-area-chart/App.razor
index 9166f4a82d..552511339b 100644
--- a/samples/charts/data-chart/range-area-chart/App.razor
+++ b/samples/charts/data-chart/range-area-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/range-column-chart/App.razor b/samples/charts/data-chart/range-column-chart/App.razor
index cf1aafdc67..d5caec972a 100644
--- a/samples/charts/data-chart/range-column-chart/App.razor
+++ b/samples/charts/data-chart/range-column-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/scatter-line-chart/App.razor b/samples/charts/data-chart/scatter-line-chart/App.razor
index d5c1fa1476..d7b4035dcc 100644
--- a/samples/charts/data-chart/scatter-line-chart/App.razor
+++ b/samples/charts/data-chart/scatter-line-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/scatter-point-chart/App.razor b/samples/charts/data-chart/scatter-point-chart/App.razor
index 3f176a15fc..f18f390b51 100644
--- a/samples/charts/data-chart/scatter-point-chart/App.razor
+++ b/samples/charts/data-chart/scatter-point-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/scatter-spline-chart/App.razor b/samples/charts/data-chart/scatter-spline-chart/App.razor
index b26b5fa373..81eeb5a5fa 100644
--- a/samples/charts/data-chart/scatter-spline-chart/App.razor
+++ b/samples/charts/data-chart/scatter-spline-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/stacked-100-area-chart/App.razor b/samples/charts/data-chart/stacked-100-area-chart/App.razor
index 6c2600b38f..4eca6ae7b0 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/App.razor
+++ b/samples/charts/data-chart/stacked-100-area-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/App.razor b/samples/charts/data-chart/stacked-100-bar-chart/App.razor
index f559b290e2..9c36693daa 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/App.razor
+++ b/samples/charts/data-chart/stacked-100-bar-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/stacked-100-column-chart/App.razor b/samples/charts/data-chart/stacked-100-column-chart/App.razor
index 90e47a67e8..1e5f5e45cc 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/App.razor
+++ b/samples/charts/data-chart/stacked-100-column-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/stacked-100-line-chart/App.razor b/samples/charts/data-chart/stacked-100-line-chart/App.razor
index 1d68e9cc4e..fef35a6554 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/App.razor
+++ b/samples/charts/data-chart/stacked-100-line-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/App.razor b/samples/charts/data-chart/stacked-100-spline-area-chart/App.razor
index 63a16cd732..b5c3b1559d 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/App.razor
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/App.razor b/samples/charts/data-chart/stacked-100-spline-chart/App.razor
index 7b80919df0..c3e754535e 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/App.razor
+++ b/samples/charts/data-chart/stacked-100-spline-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/stacked-area-chart/App.razor b/samples/charts/data-chart/stacked-area-chart/App.razor
index de7185bd63..3169bc56b8 100644
--- a/samples/charts/data-chart/stacked-area-chart/App.razor
+++ b/samples/charts/data-chart/stacked-area-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/stacked-bar-chart/App.razor b/samples/charts/data-chart/stacked-bar-chart/App.razor
index 2c3775dd94..38594f994f 100644
--- a/samples/charts/data-chart/stacked-bar-chart/App.razor
+++ b/samples/charts/data-chart/stacked-bar-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/stacked-column-chart/App.razor b/samples/charts/data-chart/stacked-column-chart/App.razor
index e286343a8c..672c11807c 100644
--- a/samples/charts/data-chart/stacked-column-chart/App.razor
+++ b/samples/charts/data-chart/stacked-column-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/stacked-line-chart/App.razor b/samples/charts/data-chart/stacked-line-chart/App.razor
index 2389bd2a74..8a4093a73f 100644
--- a/samples/charts/data-chart/stacked-line-chart/App.razor
+++ b/samples/charts/data-chart/stacked-line-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/App.razor b/samples/charts/data-chart/stacked-spline-area-chart/App.razor
index 51d0acee0c..247cbbb0fa 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/App.razor
+++ b/samples/charts/data-chart/stacked-spline-area-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/stacked-spline-chart/App.razor b/samples/charts/data-chart/stacked-spline-chart/App.razor
index 74e97efe50..68930b541e 100644
--- a/samples/charts/data-chart/stacked-spline-chart/App.razor
+++ b/samples/charts/data-chart/stacked-spline-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/data-chart/transition-event/App.razor b/samples/charts/data-chart/transition-event/App.razor
index 95ad14f16d..2cfa032bb4 100644
--- a/samples/charts/data-chart/transition-event/App.razor
+++ b/samples/charts/data-chart/transition-event/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 @using IgniteUI.Blazor.Controls;
 @using System;
 
diff --git a/samples/charts/data-chart/waterfall-chart/App.razor b/samples/charts/data-chart/waterfall-chart/App.razor
index dd54a83df7..4bc4ee1781 100644
--- a/samples/charts/data-chart/waterfall-chart/App.razor
+++ b/samples/charts/data-chart/waterfall-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/doughnut-chart/legend/App.razor b/samples/charts/doughnut-chart/legend/App.razor
index a32f233b38..de369f64ab 100644
--- a/samples/charts/doughnut-chart/legend/App.razor
+++ b/samples/charts/doughnut-chart/legend/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/doughnut-chart/overview/App.razor b/samples/charts/doughnut-chart/overview/App.razor
index fed03e461f..5ddc69b158 100644
--- a/samples/charts/doughnut-chart/overview/App.razor
+++ b/samples/charts/doughnut-chart/overview/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/doughnut-chart/rings/App.razor b/samples/charts/doughnut-chart/rings/App.razor
index d5a9f54d6f..44ab90b7e7 100644
--- a/samples/charts/doughnut-chart/rings/App.razor
+++ b/samples/charts/doughnut-chart/rings/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/financial-chart/data-legend-formatting-currency/App.razor b/samples/charts/financial-chart/data-legend-formatting-currency/App.razor
index 4bac74907e..52bf7d6e8c 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/App.razor
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend">
diff --git a/samples/charts/financial-chart/data-legend-styling-props/App.razor b/samples/charts/financial-chart/data-legend-styling-props/App.razor
index 8da3a43f0a..c0beba3a47 100644
--- a/samples/charts/financial-chart/data-legend-styling-props/App.razor
+++ b/samples/charts/financial-chart/data-legend-styling-props/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend">
diff --git a/samples/charts/financial-chart/data-legend/App.razor b/samples/charts/financial-chart/data-legend/App.razor
index 670a4c91fd..002102487f 100644
--- a/samples/charts/financial-chart/data-legend/App.razor
+++ b/samples/charts/financial-chart/data-legend/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend">
diff --git a/samples/charts/financial-chart/data-tooltip-formatting-currency/App.razor b/samples/charts/financial-chart/data-tooltip-formatting-currency/App.razor
index a321a52a74..9fb9a25d02 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/App.razor
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="container vertical fill">
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/App.razor b/samples/charts/financial-chart/data-tooltip-styling-props/App.razor
index 7ab869b2d3..237637c717 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/App.razor
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="container vertical fill">
diff --git a/samples/charts/financial-chart/data-tooltip/App.razor b/samples/charts/financial-chart/data-tooltip/App.razor
index 42a26eef19..e8606cba83 100644
--- a/samples/charts/financial-chart/data-tooltip/App.razor
+++ b/samples/charts/financial-chart/data-tooltip/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="container vertical fill">
diff --git a/samples/charts/financial-chart/format-specifiers/App.razor b/samples/charts/financial-chart/format-specifiers/App.razor
index d6acfb7ee2..e30047ee49 100644
--- a/samples/charts/financial-chart/format-specifiers/App.razor
+++ b/samples/charts/financial-chart/format-specifiers/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend">
diff --git a/samples/charts/financial-chart/scrollbars/App.razor b/samples/charts/financial-chart/scrollbars/App.razor
index 1e4b53b193..5c3351f879 100644
--- a/samples/charts/financial-chart/scrollbars/App.razor
+++ b/samples/charts/financial-chart/scrollbars/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="container vertical fill">
diff --git a/samples/charts/pie-chart/legend/App.razor b/samples/charts/pie-chart/legend/App.razor
index b74c6e7c14..60448eaffa 100644
--- a/samples/charts/pie-chart/legend/App.razor
+++ b/samples/charts/pie-chart/legend/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/pie-chart/others/App.razor b/samples/charts/pie-chart/others/App.razor
index f3f1cc7103..8391652d4a 100644
--- a/samples/charts/pie-chart/others/App.razor
+++ b/samples/charts/pie-chart/others/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/pie-chart/overview/App.razor b/samples/charts/pie-chart/overview/App.razor
index bc469e5555..be80888777 100644
--- a/samples/charts/pie-chart/overview/App.razor
+++ b/samples/charts/pie-chart/overview/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/pie-chart/styling/App.razor b/samples/charts/pie-chart/styling/App.razor
index 0df0edc800..c4bfd31d3b 100644
--- a/samples/charts/pie-chart/styling/App.razor
+++ b/samples/charts/pie-chart/styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/sparkline/display-area/App.razor b/samples/charts/sparkline/display-area/App.razor
index 16bd06137b..f8fcbe528c 100644
--- a/samples/charts/sparkline/display-area/App.razor
+++ b/samples/charts/sparkline/display-area/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="container vertical fill">
diff --git a/samples/charts/sparkline/display-column/App.razor b/samples/charts/sparkline/display-column/App.razor
index a4e1efa23f..6c7378eff5 100644
--- a/samples/charts/sparkline/display-column/App.razor
+++ b/samples/charts/sparkline/display-column/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="container vertical fill">
diff --git a/samples/charts/sparkline/display-lines/App.razor b/samples/charts/sparkline/display-lines/App.razor
index 1314d38fa2..dca501fcef 100644
--- a/samples/charts/sparkline/display-lines/App.razor
+++ b/samples/charts/sparkline/display-lines/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="container vertical fill">
diff --git a/samples/charts/sparkline/display-winloss/App.razor b/samples/charts/sparkline/display-winloss/App.razor
index 5574fc89a3..3af140764a 100644
--- a/samples/charts/sparkline/display-winloss/App.razor
+++ b/samples/charts/sparkline/display-winloss/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="container vertical fill">
diff --git a/samples/charts/sparkline/markers/App.razor b/samples/charts/sparkline/markers/App.razor
index 4cae043318..179aeb11cb 100644
--- a/samples/charts/sparkline/markers/App.razor
+++ b/samples/charts/sparkline/markers/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/sparkline/normal-range/App.razor b/samples/charts/sparkline/normal-range/App.razor
index 9893e4cbfb..b72a7def49 100644
--- a/samples/charts/sparkline/normal-range/App.razor
+++ b/samples/charts/sparkline/normal-range/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/sparkline/trendlines/App.razor b/samples/charts/sparkline/trendlines/App.razor
index 4cbd5cefc3..f89b92196f 100644
--- a/samples/charts/sparkline/trendlines/App.razor
+++ b/samples/charts/sparkline/trendlines/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/sparkline/unknown-values/App.razor b/samples/charts/sparkline/unknown-values/App.razor
index 749e77f618..21ee290c3a 100644
--- a/samples/charts/sparkline/unknown-values/App.razor
+++ b/samples/charts/sparkline/unknown-values/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/App.razor b/samples/charts/toolbar/actions-built-in-category-chart/App.razor
index 349f3b0c28..2125af7152 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/App.razor
+++ b/samples/charts/toolbar/actions-built-in-category-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/App.razor b/samples/charts/toolbar/actions-built-in-data-chart/App.razor
index 7f971d5070..4e3aed8168 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/App.razor
+++ b/samples/charts/toolbar/actions-built-in-data-chart/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div id="aboveContentSplit">
diff --git a/samples/charts/toolbar/custom-tool/App.razor b/samples/charts/toolbar/custom-tool/App.razor
index 59609301d1..3e92decce8 100644
--- a/samples/charts/toolbar/custom-tool/App.razor
+++ b/samples/charts/toolbar/custom-tool/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 @using IgniteUI.Blazor.Controls;
 @using System;
 
diff --git a/samples/charts/toolbar/custom-tool/CountryRenewableElectricity.cs b/samples/charts/toolbar/custom-tool/CountryRenewableElectricity.cs
deleted file mode 100644
index f7ec6c6174..0000000000
--- a/samples/charts/toolbar/custom-tool/CountryRenewableElectricity.cs
+++ /dev/null
@@ -1,101 +0,0 @@
-using System;
-using System.Collections.Generic;
-public class CountryRenewableElectricityItem
-{
-    public string Year { get; set; }
-    public double Europe { get; set; }
-    public double China { get; set; }
-    public double America { get; set; }
-}
-
-public class CountryRenewableElectricity
-    : List<CountryRenewableElectricityItem>
-{
-    public CountryRenewableElectricity()
-    {
-        this.Add(new CountryRenewableElectricityItem()
-        {
-            Year = @"2009",
-            Europe = 34,
-            China = 21,
-            America = 19
-        });
-        this.Add(new CountryRenewableElectricityItem()
-        {
-            Year = @"2010",
-            Europe = 43,
-            China = 26,
-            America = 24
-        });
-        this.Add(new CountryRenewableElectricityItem()
-        {
-            Year = @"2011",
-            Europe = 66,
-            China = 29,
-            America = 28
-        });
-        this.Add(new CountryRenewableElectricityItem()
-        {
-            Year = @"2012",
-            Europe = 69,
-            China = 32,
-            America = 26
-        });
-        this.Add(new CountryRenewableElectricityItem()
-        {
-            Year = @"2013",
-            Europe = 58,
-            China = 47,
-            America = 38
-        });
-        this.Add(new CountryRenewableElectricityItem()
-        {
-            Year = @"2014",
-            Europe = 40,
-            China = 46,
-            America = 31
-        });
-        this.Add(new CountryRenewableElectricityItem()
-        {
-            Year = @"2015",
-            Europe = 78,
-            China = 50,
-            America = 19
-        });
-        this.Add(new CountryRenewableElectricityItem()
-        {
-            Year = @"2016",
-            Europe = 13,
-            China = 90,
-            America = 52
-        });
-        this.Add(new CountryRenewableElectricityItem()
-        {
-            Year = @"2017",
-            Europe = 78,
-            China = 132,
-            America = 50
-        });
-        this.Add(new CountryRenewableElectricityItem()
-        {
-            Year = @"2018",
-            Europe = 40,
-            China = 134,
-            America = 34
-        });
-        this.Add(new CountryRenewableElectricityItem()
-        {
-            Year = @"2018",
-            Europe = 40,
-            China = 134,
-            America = 34
-        });
-        this.Add(new CountryRenewableElectricityItem()
-        {
-            Year = @"2019",
-            Europe = 80,
-            China = 96,
-            America = 38
-        });
-    }
-}
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/App.razor b/samples/charts/toolbar/layout-actions-for-data-chart/App.razor
index 2ab7a1e4d1..bdf1fa835d 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/App.razor
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 @using IgniteUI.Blazor.Controls;
 @using System;
 
diff --git a/samples/charts/toolbar/layout-in-vertical-orientation/App.razor b/samples/charts/toolbar/layout-in-vertical-orientation/App.razor
index 3b4e41c9cd..18c518ee81 100644
--- a/samples/charts/toolbar/layout-in-vertical-orientation/App.razor
+++ b/samples/charts/toolbar/layout-in-vertical-orientation/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="aboveContent">
diff --git a/samples/charts/toolbar/theming/App.razor b/samples/charts/toolbar/theming/App.razor
index 08fc163fb6..80551acd46 100644
--- a/samples/charts/toolbar/theming/App.razor
+++ b/samples/charts/toolbar/theming/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/tree-map/layout/App.razor b/samples/charts/tree-map/layout/App.razor
index fa5a9b804d..1a9b4efef8 100644
--- a/samples/charts/tree-map/layout/App.razor
+++ b/samples/charts/tree-map/layout/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="options vertical">
diff --git a/samples/charts/tree-map/overview/App.razor b/samples/charts/tree-map/overview/App.razor
index b504c14e08..1a886d8e0e 100644
--- a/samples/charts/tree-map/overview/App.razor
+++ b/samples/charts/tree-map/overview/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/charts/tree-map/styling/App.razor b/samples/charts/tree-map/styling/App.razor
index ccf233310c..cfc4cd3e83 100644
--- a/samples/charts/tree-map/styling/App.razor
+++ b/samples/charts/tree-map/styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical">
     <div class="legend-title">
diff --git a/samples/grids/grid/action-strip/App.razor b/samples/grids/grid/action-strip/App.razor
index 9bf7f1ac40..3930a069c3 100644
--- a/samples/grids/grid/action-strip/App.razor
+++ b/samples/grids/grid/action-strip/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/advanced-filtering-options/App.razor b/samples/grids/grid/advanced-filtering-options/App.razor
index e4b1b508db..6b8d10e5fc 100644
--- a/samples/grids/grid/advanced-filtering-options/App.razor
+++ b/samples/grids/grid/advanced-filtering-options/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/advanced-filtering-style/App.razor b/samples/grids/grid/advanced-filtering-style/App.razor
index 4258134796..8f45167856 100644
--- a/samples/grids/grid/advanced-filtering-style/App.razor
+++ b/samples/grids/grid/advanced-filtering-style/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/binding-composite-data/App.razor b/samples/grids/grid/binding-composite-data/App.razor
index bdaf2dd2f4..b3cab4caf6 100644
--- a/samples/grids/grid/binding-composite-data/App.razor
+++ b/samples/grids/grid/binding-composite-data/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/binding-crud-data/App.razor b/samples/grids/grid/binding-crud-data/App.razor
index dd5251de98..2b8b055275 100644
--- a/samples/grids/grid/binding-crud-data/App.razor
+++ b/samples/grids/grid/binding-crud-data/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/binding-nested-data-1/App.razor b/samples/grids/grid/binding-nested-data-1/App.razor
index 8ff9cfc620..069e447eb1 100644
--- a/samples/grids/grid/binding-nested-data-1/App.razor
+++ b/samples/grids/grid/binding-nested-data-1/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/cascading-combo/App.razor b/samples/grids/grid/cascading-combo/App.razor
index f7f08aed4a..3438190d18 100644
--- a/samples/grids/grid/cascading-combo/App.razor
+++ b/samples/grids/grid/cascading-combo/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/cell-editing-sample/App.razor b/samples/grids/grid/cell-editing-sample/App.razor
index e94e2894dd..bd1354f098 100644
--- a/samples/grids/grid/cell-editing-sample/App.razor
+++ b/samples/grids/grid/cell-editing-sample/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/cell-editing-styling/App.razor b/samples/grids/grid/cell-editing-styling/App.razor
index 67668a6e95..856f3b42c3 100644
--- a/samples/grids/grid/cell-editing-styling/App.razor
+++ b/samples/grids/grid/cell-editing-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/cell-selection-mode/App.razor b/samples/grids/grid/cell-selection-mode/App.razor
index 5f60edf90a..a0c9786ce8 100644
--- a/samples/grids/grid/cell-selection-mode/App.razor
+++ b/samples/grids/grid/cell-selection-mode/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/grid/cell-selection-style/App.razor b/samples/grids/grid/cell-selection-style/App.razor
index 41fea7dc37..e0bd29564d 100644
--- a/samples/grids/grid/cell-selection-style/App.razor
+++ b/samples/grids/grid/cell-selection-style/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-auto-sizing/App.razor b/samples/grids/grid/column-auto-sizing/App.razor
index eb50875051..771bdc6701 100644
--- a/samples/grids/grid/column-auto-sizing/App.razor
+++ b/samples/grids/grid/column-auto-sizing/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-collapsible-groups/App.razor b/samples/grids/grid/column-collapsible-groups/App.razor
index 78b31a381d..d711e877c0 100644
--- a/samples/grids/grid/column-collapsible-groups/App.razor
+++ b/samples/grids/grid/column-collapsible-groups/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-data-types/App.razor b/samples/grids/grid/column-data-types/App.razor
index 0168c21502..5d85024481 100644
--- a/samples/grids/grid/column-data-types/App.razor
+++ b/samples/grids/grid/column-data-types/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-hiding-options/App.razor b/samples/grids/grid/column-hiding-options/App.razor
index 97f0e7d2ac..22213c4397 100644
--- a/samples/grids/grid/column-hiding-options/App.razor
+++ b/samples/grids/grid/column-hiding-options/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-hiding-toolbar-style/App.razor b/samples/grids/grid/column-hiding-toolbar-style/App.razor
index 97f0e7d2ac..22213c4397 100644
--- a/samples/grids/grid/column-hiding-toolbar-style/App.razor
+++ b/samples/grids/grid/column-hiding-toolbar-style/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-hiding-toolbar/App.razor b/samples/grids/grid/column-hiding-toolbar/App.razor
index 97f0e7d2ac..22213c4397 100644
--- a/samples/grids/grid/column-hiding-toolbar/App.razor
+++ b/samples/grids/grid/column-hiding-toolbar/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-moving-options/App.razor b/samples/grids/grid/column-moving-options/App.razor
index 322b91b2d9..449576b8a2 100644
--- a/samples/grids/grid/column-moving-options/App.razor
+++ b/samples/grids/grid/column-moving-options/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/column-moving-styles/App.razor b/samples/grids/grid/column-moving-styles/App.razor
index 35a6386e2d..95239d7a08 100644
--- a/samples/grids/grid/column-moving-styles/App.razor
+++ b/samples/grids/grid/column-moving-styles/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/column-pinning-options/App.razor b/samples/grids/grid/column-pinning-options/App.razor
index e1412fabc8..7829852595 100644
--- a/samples/grids/grid/column-pinning-options/App.razor
+++ b/samples/grids/grid/column-pinning-options/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/column-pinning-right-side/App.razor b/samples/grids/grid/column-pinning-right-side/App.razor
index c4a624813d..89290999bc 100644
--- a/samples/grids/grid/column-pinning-right-side/App.razor
+++ b/samples/grids/grid/column-pinning-right-side/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/column-pinning-styles/App.razor b/samples/grids/grid/column-pinning-styles/App.razor
index 291ac37265..c74b346d81 100644
--- a/samples/grids/grid/column-pinning-styles/App.razor
+++ b/samples/grids/grid/column-pinning-styles/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-pinning/App.razor b/samples/grids/grid/column-pinning/App.razor
index 021c3e6c60..d222b21f59 100644
--- a/samples/grids/grid/column-pinning/App.razor
+++ b/samples/grids/grid/column-pinning/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-resize-styling/App.razor b/samples/grids/grid/column-resize-styling/App.razor
index 4e7ff32094..8161b72067 100644
--- a/samples/grids/grid/column-resize-styling/App.razor
+++ b/samples/grids/grid/column-resize-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-resizing/App.razor b/samples/grids/grid/column-resizing/App.razor
index 5d4ebb2c16..9278ed54d0 100644
--- a/samples/grids/grid/column-resizing/App.razor
+++ b/samples/grids/grid/column-resizing/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/column-selection-group/App.razor b/samples/grids/grid/column-selection-group/App.razor
index 2aa321286e..825cb16578 100644
--- a/samples/grids/grid/column-selection-group/App.razor
+++ b/samples/grids/grid/column-selection-group/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-selection-mode/App.razor b/samples/grids/grid/column-selection-mode/App.razor
index 20d49b96d6..6e4e93ef70 100644
--- a/samples/grids/grid/column-selection-mode/App.razor
+++ b/samples/grids/grid/column-selection-mode/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/grid/column-selection-styles/App.razor b/samples/grids/grid/column-selection-styles/App.razor
index 1fb8691f5e..f5efa83d93 100644
--- a/samples/grids/grid/column-selection-styles/App.razor
+++ b/samples/grids/grid/column-selection-styles/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-sorting-indicators/App.razor b/samples/grids/grid/column-sorting-indicators/App.razor
index e8f0630736..0acb7e30f2 100644
--- a/samples/grids/grid/column-sorting-indicators/App.razor
+++ b/samples/grids/grid/column-sorting-indicators/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/column-sorting-options/App.razor b/samples/grids/grid/column-sorting-options/App.razor
index a332bcc06e..01e0013169 100644
--- a/samples/grids/grid/column-sorting-options/App.razor
+++ b/samples/grids/grid/column-sorting-options/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/grid/column-sorting-style/App.razor b/samples/grids/grid/column-sorting-style/App.razor
index c1ee558670..329b0da741 100644
--- a/samples/grids/grid/column-sorting-style/App.razor
+++ b/samples/grids/grid/column-sorting-style/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/conditional-cell-style-1/App.razor b/samples/grids/grid/conditional-cell-style-1/App.razor
index 5424cb3e2f..004bb164f9 100644
--- a/samples/grids/grid/conditional-cell-style-1/App.razor
+++ b/samples/grids/grid/conditional-cell-style-1/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/conditional-cell-style-2/App.razor b/samples/grids/grid/conditional-cell-style-2/App.razor
index 236c834e35..a5e9743add 100644
--- a/samples/grids/grid/conditional-cell-style-2/App.razor
+++ b/samples/grids/grid/conditional-cell-style-2/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/conditional-row-selectors/App.razor b/samples/grids/grid/conditional-row-selectors/App.razor
index e314ef5892..e719581c0b 100644
--- a/samples/grids/grid/conditional-row-selectors/App.razor
+++ b/samples/grids/grid/conditional-row-selectors/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/data-batch-editing-actions/App.razor b/samples/grids/grid/data-batch-editing-actions/App.razor
index 4056fd5741..81265fd70b 100644
--- a/samples/grids/grid/data-batch-editing-actions/App.razor
+++ b/samples/grids/grid/data-batch-editing-actions/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/data-performance-virtualization/App.razor b/samples/grids/grid/data-performance-virtualization/App.razor
index d766f3df82..895b6be2d9 100644
--- a/samples/grids/grid/data-performance-virtualization/App.razor
+++ b/samples/grids/grid/data-performance-virtualization/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/data-summary-formatter/App.razor b/samples/grids/grid/data-summary-formatter/App.razor
index 39641f2a35..14eb19b8aa 100644
--- a/samples/grids/grid/data-summary-formatter/App.razor
+++ b/samples/grids/grid/data-summary-formatter/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/data-summary-options/App.razor b/samples/grids/grid/data-summary-options/App.razor
index 2accd619c2..681b6768ba 100644
--- a/samples/grids/grid/data-summary-options/App.razor
+++ b/samples/grids/grid/data-summary-options/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/data-summary-template/App.razor b/samples/grids/grid/data-summary-template/App.razor
index c9a74fb22b..3bb15ad190 100644
--- a/samples/grids/grid/data-summary-template/App.razor
+++ b/samples/grids/grid/data-summary-template/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/grid/data-validation-style/App.razor b/samples/grids/grid/data-validation-style/App.razor
index 3d6e3a075f..843f8d30d8 100644
--- a/samples/grids/grid/data-validation-style/App.razor
+++ b/samples/grids/grid/data-validation-style/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/data-validator-service-cross-field/App.razor b/samples/grids/grid/data-validator-service-cross-field/App.razor
index 91374718d4..b686236bb0 100644
--- a/samples/grids/grid/data-validator-service-cross-field/App.razor
+++ b/samples/grids/grid/data-validator-service-cross-field/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/data-validator-service-extended/App.razor b/samples/grids/grid/data-validator-service-extended/App.razor
index 477d9af643..248a5e28e9 100644
--- a/samples/grids/grid/data-validator-service-extended/App.razor
+++ b/samples/grids/grid/data-validator-service-extended/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/data-validator-service/App.razor b/samples/grids/grid/data-validator-service/App.razor
index ad7557c8d0..4e9b29f1c6 100644
--- a/samples/grids/grid/data-validator-service/App.razor
+++ b/samples/grids/grid/data-validator-service/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/editing-columns/App.razor b/samples/grids/grid/editing-columns/App.razor
index ea43d4a863..cb58102aca 100644
--- a/samples/grids/grid/editing-columns/App.razor
+++ b/samples/grids/grid/editing-columns/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/editing-events/App.razor b/samples/grids/grid/editing-events/App.razor
index 2bbbf359dd..e025c8828f 100644
--- a/samples/grids/grid/editing-events/App.razor
+++ b/samples/grids/grid/editing-events/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/editing-excel-style/App.razor b/samples/grids/grid/editing-excel-style/App.razor
index 17f144fbf5..438808afba 100644
--- a/samples/grids/grid/editing-excel-style/App.razor
+++ b/samples/grids/grid/editing-excel-style/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/editing-lifecycle/App.razor b/samples/grids/grid/editing-lifecycle/App.razor
index 7c3311d71e..f4313885ca 100644
--- a/samples/grids/grid/editing-lifecycle/App.razor
+++ b/samples/grids/grid/editing-lifecycle/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/excel-exporting/App.razor b/samples/grids/grid/excel-exporting/App.razor
index 0d3088482b..b9482cdcde 100644
--- a/samples/grids/grid/excel-exporting/App.razor
+++ b/samples/grids/grid/excel-exporting/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/App.razor b/samples/grids/grid/excel-style-filtering-sample-1/App.razor
index f1e0010eeb..74bf90b3d0 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/App.razor
+++ b/samples/grids/grid/excel-style-filtering-sample-1/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/App.razor b/samples/grids/grid/excel-style-filtering-sample-2/App.razor
index c7fb418f9c..ea772c8da8 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/App.razor
+++ b/samples/grids/grid/excel-style-filtering-sample-2/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/App.razor b/samples/grids/grid/excel-style-filtering-sample-3/App.razor
index 1a90518183..e5a4fc34e5 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/App.razor
+++ b/samples/grids/grid/excel-style-filtering-sample-3/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/excel-style-filtering-style/App.razor b/samples/grids/grid/excel-style-filtering-style/App.razor
index 15ce1b7d4a..832145d8bd 100644
--- a/samples/grids/grid/excel-style-filtering-style/App.razor
+++ b/samples/grids/grid/excel-style-filtering-style/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/external-advanced-filtering/App.razor b/samples/grids/grid/external-advanced-filtering/App.razor
index 76df4b97f8..c079c38792 100644
--- a/samples/grids/grid/external-advanced-filtering/App.razor
+++ b/samples/grids/grid/external-advanced-filtering/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/filtering-options/App.razor b/samples/grids/grid/filtering-options/App.razor
index 54be2e25f4..b4d9647362 100644
--- a/samples/grids/grid/filtering-options/App.razor
+++ b/samples/grids/grid/filtering-options/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/filtering-strategy/App.razor b/samples/grids/grid/filtering-strategy/App.razor
index ba7a785c42..07e96f9ee2 100644
--- a/samples/grids/grid/filtering-strategy/App.razor
+++ b/samples/grids/grid/filtering-strategy/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/filtering-style/App.razor b/samples/grids/grid/filtering-style/App.razor
index 51be14a9b5..9651a7f798 100644
--- a/samples/grids/grid/filtering-style/App.razor
+++ b/samples/grids/grid/filtering-style/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/groupby-expressions/App.razor b/samples/grids/grid/groupby-expressions/App.razor
index d1bd19dbe2..ff9d8dbba9 100644
--- a/samples/grids/grid/groupby-expressions/App.razor
+++ b/samples/grids/grid/groupby-expressions/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/groupby-paging/App.razor b/samples/grids/grid/groupby-paging/App.razor
index f33cbdd686..72c30c5b4d 100644
--- a/samples/grids/grid/groupby-paging/App.razor
+++ b/samples/grids/grid/groupby-paging/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/groupby-styling/App.razor b/samples/grids/grid/groupby-styling/App.razor
index be4d3600a4..87ada7c143 100644
--- a/samples/grids/grid/groupby-styling/App.razor
+++ b/samples/grids/grid/groupby-styling/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/groupby-summary-options/App.razor b/samples/grids/grid/groupby-summary-options/App.razor
index 7eae80b478..7bd5f6c1b5 100644
--- a/samples/grids/grid/groupby-summary-options/App.razor
+++ b/samples/grids/grid/groupby-summary-options/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/grid/groupby-summary-styling/App.razor b/samples/grids/grid/groupby-summary-styling/App.razor
index 755f274e9e..12299dfafd 100644
--- a/samples/grids/grid/groupby-summary-styling/App.razor
+++ b/samples/grids/grid/groupby-summary-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/grid/keyboard-custom-navigation/App.razor b/samples/grids/grid/keyboard-custom-navigation/App.razor
index 3eac82a273..4b707a865e 100644
--- a/samples/grids/grid/keyboard-custom-navigation/App.razor
+++ b/samples/grids/grid/keyboard-custom-navigation/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/keyboard-mrl-navigation/App.razor b/samples/grids/grid/keyboard-mrl-navigation/App.razor
index 257c876cdd..c47434e474 100644
--- a/samples/grids/grid/keyboard-mrl-navigation/App.razor
+++ b/samples/grids/grid/keyboard-mrl-navigation/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/layout-display-density/App.razor b/samples/grids/grid/layout-display-density/App.razor
index 6945753047..6a9d7b8d52 100644
--- a/samples/grids/grid/layout-display-density/App.razor
+++ b/samples/grids/grid/layout-display-density/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/grid/master-detail/App.razor b/samples/grids/grid/master-detail/App.razor
index cac58b7c49..feff4bb8b7 100644
--- a/samples/grids/grid/master-detail/App.razor
+++ b/samples/grids/grid/master-detail/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/multi-column-headers-export/App.razor b/samples/grids/grid/multi-column-headers-export/App.razor
index 7d264aae20..487ba82a40 100644
--- a/samples/grids/grid/multi-column-headers-export/App.razor
+++ b/samples/grids/grid/multi-column-headers-export/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/multi-column-headers-overview/App.razor b/samples/grids/grid/multi-column-headers-overview/App.razor
index 966d15d687..d3fb3e79a4 100644
--- a/samples/grids/grid/multi-column-headers-overview/App.razor
+++ b/samples/grids/grid/multi-column-headers-overview/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/grid/multi-column-headers-styling/App.razor b/samples/grids/grid/multi-column-headers-styling/App.razor
index c28ca8abab..71f37c37f1 100644
--- a/samples/grids/grid/multi-column-headers-styling/App.razor
+++ b/samples/grids/grid/multi-column-headers-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/multi-column-headers-template/App.razor b/samples/grids/grid/multi-column-headers-template/App.razor
index fdb0258651..fd11de5901 100644
--- a/samples/grids/grid/multi-column-headers-template/App.razor
+++ b/samples/grids/grid/multi-column-headers-template/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/multi-row-layout-options/App.razor b/samples/grids/grid/multi-row-layout-options/App.razor
index 75d06c8ed3..8d4f711c82 100644
--- a/samples/grids/grid/multi-row-layout-options/App.razor
+++ b/samples/grids/grid/multi-row-layout-options/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/multi-row-layout-style/App.razor b/samples/grids/grid/multi-row-layout-style/App.razor
index 3e36ed5e21..09db58f0ee 100644
--- a/samples/grids/grid/multi-row-layout-style/App.razor
+++ b/samples/grids/grid/multi-row-layout-style/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/overview/App.razor b/samples/grids/grid/overview/App.razor
index 109e5158dc..a7c932f503 100644
--- a/samples/grids/grid/overview/App.razor
+++ b/samples/grids/grid/overview/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/remote-paging-data/App.razor b/samples/grids/grid/remote-paging-data/App.razor
index 8d267a3822..8c2cdb9a96 100644
--- a/samples/grids/grid/remote-paging-data/App.razor
+++ b/samples/grids/grid/remote-paging-data/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/row-adding/App.razor b/samples/grids/grid/row-adding/App.razor
index bca54e2774..554aab7798 100644
--- a/samples/grids/grid/row-adding/App.razor
+++ b/samples/grids/grid/row-adding/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/row-classes/App.razor b/samples/grids/grid/row-classes/App.razor
index 4f1474fe34..c4b6ad9ce6 100644
--- a/samples/grids/grid/row-classes/App.razor
+++ b/samples/grids/grid/row-classes/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/row-editing-options/App.razor b/samples/grids/grid/row-editing-options/App.razor
index 754016ab63..4208302663 100644
--- a/samples/grids/grid/row-editing-options/App.razor
+++ b/samples/grids/grid/row-editing-options/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/row-editing-style/App.razor b/samples/grids/grid/row-editing-style/App.razor
index 5ca7cca2e6..94ba08e3d6 100644
--- a/samples/grids/grid/row-editing-style/App.razor
+++ b/samples/grids/grid/row-editing-style/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/row-paging-basic/App.razor b/samples/grids/grid/row-paging-basic/App.razor
index 6bf1b14212..e7d0009b98 100644
--- a/samples/grids/grid/row-paging-basic/App.razor
+++ b/samples/grids/grid/row-paging-basic/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/row-paging-options/App.razor b/samples/grids/grid/row-paging-options/App.razor
index e4358befb0..de260ef710 100644
--- a/samples/grids/grid/row-paging-options/App.razor
+++ b/samples/grids/grid/row-paging-options/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/grid/row-pinning-drag/App.razor b/samples/grids/grid/row-pinning-drag/App.razor
index b795e80963..51d7e3520a 100644
--- a/samples/grids/grid/row-pinning-drag/App.razor
+++ b/samples/grids/grid/row-pinning-drag/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/row-pinning-extra-column/App.razor b/samples/grids/grid/row-pinning-extra-column/App.razor
index b6854b4a66..a233268bce 100644
--- a/samples/grids/grid/row-pinning-extra-column/App.razor
+++ b/samples/grids/grid/row-pinning-extra-column/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/row-pinning-options/App.razor b/samples/grids/grid/row-pinning-options/App.razor
index a9aa282846..3d1e93f13e 100644
--- a/samples/grids/grid/row-pinning-options/App.razor
+++ b/samples/grids/grid/row-pinning-options/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/grid/row-pinning-style/App.razor b/samples/grids/grid/row-pinning-style/App.razor
index bd6d0012ed..6f3ae3c0cf 100644
--- a/samples/grids/grid/row-pinning-style/App.razor
+++ b/samples/grids/grid/row-pinning-style/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/row-reorder/App.razor b/samples/grids/grid/row-reorder/App.razor
index ad237b10e2..8b5ec71b5f 100644
--- a/samples/grids/grid/row-reorder/App.razor
+++ b/samples/grids/grid/row-reorder/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/row-selection-mode/App.razor b/samples/grids/grid/row-selection-mode/App.razor
index 08b0729b24..051db8df3a 100644
--- a/samples/grids/grid/row-selection-mode/App.razor
+++ b/samples/grids/grid/row-selection-mode/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/row-selection-template-excel/App.razor b/samples/grids/grid/row-selection-template-excel/App.razor
index 8dafd77f20..0c60c0002e 100644
--- a/samples/grids/grid/row-selection-template-excel/App.razor
+++ b/samples/grids/grid/row-selection-template-excel/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/row-selection-template-numbers/App.razor b/samples/grids/grid/row-selection-template-numbers/App.razor
index cea49967a5..508bd8515e 100644
--- a/samples/grids/grid/row-selection-template-numbers/App.razor
+++ b/samples/grids/grid/row-selection-template-numbers/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/row-styles/App.razor b/samples/grids/grid/row-styles/App.razor
index b32d9441b2..c10fd63754 100644
--- a/samples/grids/grid/row-styles/App.razor
+++ b/samples/grids/grid/row-styles/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/styling-custom-css/App.razor b/samples/grids/grid/styling-custom-css/App.razor
index 233ceeffca..bcf2a3501b 100644
--- a/samples/grids/grid/styling-custom-css/App.razor
+++ b/samples/grids/grid/styling-custom-css/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/toolbar-sample-1/App.razor b/samples/grids/grid/toolbar-sample-1/App.razor
index d30c16569c..17cb97e8cd 100644
--- a/samples/grids/grid/toolbar-sample-1/App.razor
+++ b/samples/grids/grid/toolbar-sample-1/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/toolbar-sample-2/App.razor b/samples/grids/grid/toolbar-sample-2/App.razor
index d30c16569c..17cb97e8cd 100644
--- a/samples/grids/grid/toolbar-sample-2/App.razor
+++ b/samples/grids/grid/toolbar-sample-2/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/grid/toolbar-sample-3/App.razor b/samples/grids/grid/toolbar-sample-3/App.razor
index 9f2b6da7bd..d6c8ea63f5 100644
--- a/samples/grids/grid/toolbar-sample-3/App.razor
+++ b/samples/grids/grid/toolbar-sample-3/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/grid/toolbar-style/App.razor b/samples/grids/grid/toolbar-style/App.razor
index a6f1fec12a..6fa158ccfa 100644
--- a/samples/grids/grid/toolbar-style/App.razor
+++ b/samples/grids/grid/toolbar-style/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/App.razor b/samples/grids/pivot-grid/aggregate-max-sales/App.razor
index 8341cffdf8..68d11dacf7 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/App.razor
+++ b/samples/grids/pivot-grid/aggregate-max-sales/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/App.razor b/samples/grids/pivot-grid/aggregate-units-sold/App.razor
index a1f1d10329..4fc26e4f65 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/App.razor
+++ b/samples/grids/pivot-grid/aggregate-units-sold/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/pivot-grid/features/App.razor b/samples/grids/pivot-grid/features/App.razor
index 74d675c51b..b27e60e6cb 100644
--- a/samples/grids/pivot-grid/features/App.razor
+++ b/samples/grids/pivot-grid/features/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/action-strip/App.razor b/samples/grids/tree-grid/action-strip/App.razor
index dfb94ed6f5..225ff20975 100644
--- a/samples/grids/tree-grid/action-strip/App.razor
+++ b/samples/grids/tree-grid/action-strip/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/advanced-filtering-options/App.razor b/samples/grids/tree-grid/advanced-filtering-options/App.razor
index 41a61f326d..7ef1272353 100644
--- a/samples/grids/tree-grid/advanced-filtering-options/App.razor
+++ b/samples/grids/tree-grid/advanced-filtering-options/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/advanced-filtering-style/App.razor b/samples/grids/tree-grid/advanced-filtering-style/App.razor
index 41a61f326d..7ef1272353 100644
--- a/samples/grids/tree-grid/advanced-filtering-style/App.razor
+++ b/samples/grids/tree-grid/advanced-filtering-style/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/cell-editing-sample/App.razor b/samples/grids/tree-grid/cell-editing-sample/App.razor
index cf74929156..67cb811656 100644
--- a/samples/grids/tree-grid/cell-editing-sample/App.razor
+++ b/samples/grids/tree-grid/cell-editing-sample/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/cell-selection-mode/App.razor b/samples/grids/tree-grid/cell-selection-mode/App.razor
index 381c0f39f0..b8b2caefbe 100644
--- a/samples/grids/tree-grid/cell-selection-mode/App.razor
+++ b/samples/grids/tree-grid/cell-selection-mode/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/tree-grid/cell-selection-style/App.razor b/samples/grids/tree-grid/cell-selection-style/App.razor
index a352fd13a7..928b863558 100644
--- a/samples/grids/tree-grid/cell-selection-style/App.razor
+++ b/samples/grids/tree-grid/cell-selection-style/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/column-auto-sizing/App.razor b/samples/grids/tree-grid/column-auto-sizing/App.razor
index 0487d48725..d9cd6ae2a5 100644
--- a/samples/grids/tree-grid/column-auto-sizing/App.razor
+++ b/samples/grids/tree-grid/column-auto-sizing/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/column-collapsible-groups/App.razor b/samples/grids/tree-grid/column-collapsible-groups/App.razor
index cb193992c4..2301855fcb 100644
--- a/samples/grids/tree-grid/column-collapsible-groups/App.razor
+++ b/samples/grids/tree-grid/column-collapsible-groups/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/column-hiding-toolbar/App.razor b/samples/grids/tree-grid/column-hiding-toolbar/App.razor
index 1454df9f72..2dddf19da3 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar/App.razor
+++ b/samples/grids/tree-grid/column-hiding-toolbar/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/column-moving-options/App.razor b/samples/grids/tree-grid/column-moving-options/App.razor
index 56e5a55248..37cf691156 100644
--- a/samples/grids/tree-grid/column-moving-options/App.razor
+++ b/samples/grids/tree-grid/column-moving-options/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/column-moving-styles/App.razor b/samples/grids/tree-grid/column-moving-styles/App.razor
index 3607b9c616..456fc90ad7 100644
--- a/samples/grids/tree-grid/column-moving-styles/App.razor
+++ b/samples/grids/tree-grid/column-moving-styles/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/column-pinning-options/App.razor b/samples/grids/tree-grid/column-pinning-options/App.razor
index 7d0eece92f..6b7f1b44a5 100644
--- a/samples/grids/tree-grid/column-pinning-options/App.razor
+++ b/samples/grids/tree-grid/column-pinning-options/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/column-pinning-right-side/App.razor b/samples/grids/tree-grid/column-pinning-right-side/App.razor
index 69acc0ba5d..ac228c5c45 100644
--- a/samples/grids/tree-grid/column-pinning-right-side/App.razor
+++ b/samples/grids/tree-grid/column-pinning-right-side/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/column-pinning-styles/App.razor b/samples/grids/tree-grid/column-pinning-styles/App.razor
index 7d0eece92f..6b7f1b44a5 100644
--- a/samples/grids/tree-grid/column-pinning-styles/App.razor
+++ b/samples/grids/tree-grid/column-pinning-styles/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/column-pinning-toolbar/App.razor b/samples/grids/tree-grid/column-pinning-toolbar/App.razor
index ae2eeb7fac..f2a4170eb9 100644
--- a/samples/grids/tree-grid/column-pinning-toolbar/App.razor
+++ b/samples/grids/tree-grid/column-pinning-toolbar/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/column-pinning/App.razor b/samples/grids/tree-grid/column-pinning/App.razor
index 001ccfdd16..60c6a1135b 100644
--- a/samples/grids/tree-grid/column-pinning/App.razor
+++ b/samples/grids/tree-grid/column-pinning/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/column-resize-styling/App.razor b/samples/grids/tree-grid/column-resize-styling/App.razor
index 3f03c875a3..2e798a7abc 100644
--- a/samples/grids/tree-grid/column-resize-styling/App.razor
+++ b/samples/grids/tree-grid/column-resize-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/column-resizing/App.razor b/samples/grids/tree-grid/column-resizing/App.razor
index e02463cf35..9d3a6546d8 100644
--- a/samples/grids/tree-grid/column-resizing/App.razor
+++ b/samples/grids/tree-grid/column-resizing/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/column-selection-group/App.razor b/samples/grids/tree-grid/column-selection-group/App.razor
index 92fc5f0058..3478a8e5eb 100644
--- a/samples/grids/tree-grid/column-selection-group/App.razor
+++ b/samples/grids/tree-grid/column-selection-group/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/column-selection-mode/App.razor b/samples/grids/tree-grid/column-selection-mode/App.razor
index 1fee853585..858193fcaa 100644
--- a/samples/grids/tree-grid/column-selection-mode/App.razor
+++ b/samples/grids/tree-grid/column-selection-mode/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/tree-grid/column-selection-style/App.razor b/samples/grids/tree-grid/column-selection-style/App.razor
index a73523999e..1664b2ba30 100644
--- a/samples/grids/tree-grid/column-selection-style/App.razor
+++ b/samples/grids/tree-grid/column-selection-style/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/column-sorting-indicators/App.razor b/samples/grids/tree-grid/column-sorting-indicators/App.razor
index 770542a1e3..68467a8000 100644
--- a/samples/grids/tree-grid/column-sorting-indicators/App.razor
+++ b/samples/grids/tree-grid/column-sorting-indicators/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/column-sorting-options/App.razor b/samples/grids/tree-grid/column-sorting-options/App.razor
index 9b67ba7f4c..4ab200c741 100644
--- a/samples/grids/tree-grid/column-sorting-options/App.razor
+++ b/samples/grids/tree-grid/column-sorting-options/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/tree-grid/column-sorting-style/App.razor b/samples/grids/tree-grid/column-sorting-style/App.razor
index f6f0090802..6367ba87b4 100644
--- a/samples/grids/tree-grid/column-sorting-style/App.razor
+++ b/samples/grids/tree-grid/column-sorting-style/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/conditional-cell-style-1/App.razor b/samples/grids/tree-grid/conditional-cell-style-1/App.razor
index dc4c935909..9e042140a7 100644
--- a/samples/grids/tree-grid/conditional-cell-style-1/App.razor
+++ b/samples/grids/tree-grid/conditional-cell-style-1/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/editing-events/App.razor b/samples/grids/tree-grid/editing-events/App.razor
index a16a3e5296..a590e4456c 100644
--- a/samples/grids/tree-grid/editing-events/App.razor
+++ b/samples/grids/tree-grid/editing-events/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/editing-lifecycle/App.razor b/samples/grids/tree-grid/editing-lifecycle/App.razor
index 335636c543..6835edf6c7 100644
--- a/samples/grids/tree-grid/editing-lifecycle/App.razor
+++ b/samples/grids/tree-grid/editing-lifecycle/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/excel-exporting/App.razor b/samples/grids/tree-grid/excel-exporting/App.razor
index d54f5116e7..316a988d1f 100644
--- a/samples/grids/tree-grid/excel-exporting/App.razor
+++ b/samples/grids/tree-grid/excel-exporting/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/App.razor b/samples/grids/tree-grid/excel-style-filtering-sample-1/App.razor
index d01df842f3..0f0883ffa0 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-1/App.razor
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-2/App.razor b/samples/grids/tree-grid/excel-style-filtering-sample-2/App.razor
index c8fcb09d7b..50b9c1a95a 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-2/App.razor
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-2/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-3/App.razor b/samples/grids/tree-grid/excel-style-filtering-sample-3/App.razor
index e4c00cce20..97270b81f3 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-3/App.razor
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-3/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/excel-style-filtering-style/App.razor b/samples/grids/tree-grid/excel-style-filtering-style/App.razor
index 77e120e220..734e06abb4 100644
--- a/samples/grids/tree-grid/excel-style-filtering-style/App.razor
+++ b/samples/grids/tree-grid/excel-style-filtering-style/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/App.razor b/samples/grids/tree-grid/keyboard-custom-navigation/App.razor
index 9d11da992d..86df305172 100644
--- a/samples/grids/tree-grid/keyboard-custom-navigation/App.razor
+++ b/samples/grids/tree-grid/keyboard-custom-navigation/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/layout-display-density/App.razor b/samples/grids/tree-grid/layout-display-density/App.razor
index 42ae35f9f9..fdcbc2c2a8 100644
--- a/samples/grids/tree-grid/layout-display-density/App.razor
+++ b/samples/grids/tree-grid/layout-display-density/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/tree-grid/multi-column-headers-export/App.razor b/samples/grids/tree-grid/multi-column-headers-export/App.razor
index 8e734d9c76..f0b0a30e9e 100644
--- a/samples/grids/tree-grid/multi-column-headers-export/App.razor
+++ b/samples/grids/tree-grid/multi-column-headers-export/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/multi-column-headers-overview/App.razor b/samples/grids/tree-grid/multi-column-headers-overview/App.razor
index 45e4ef954b..1e12740991 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/App.razor
+++ b/samples/grids/tree-grid/multi-column-headers-overview/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/tree-grid/multi-column-headers-styling/App.razor b/samples/grids/tree-grid/multi-column-headers-styling/App.razor
index cd9d5eac80..f340e681ac 100644
--- a/samples/grids/tree-grid/multi-column-headers-styling/App.razor
+++ b/samples/grids/tree-grid/multi-column-headers-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/multi-column-headers-template/App.razor b/samples/grids/tree-grid/multi-column-headers-template/App.razor
index 0d63e6eef1..7538c8943c 100644
--- a/samples/grids/tree-grid/multi-column-headers-template/App.razor
+++ b/samples/grids/tree-grid/multi-column-headers-template/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/overview-styling/App.razor b/samples/grids/tree-grid/overview-styling/App.razor
index b410ed6446..2fcd09fa3a 100644
--- a/samples/grids/tree-grid/overview-styling/App.razor
+++ b/samples/grids/tree-grid/overview-styling/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/overview/App.razor b/samples/grids/tree-grid/overview/App.razor
index a3061fd61c..acd442a0c8 100644
--- a/samples/grids/tree-grid/overview/App.razor
+++ b/samples/grids/tree-grid/overview/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/row-editing-options/App.razor b/samples/grids/tree-grid/row-editing-options/App.razor
index 771e390249..d979c41a5f 100644
--- a/samples/grids/tree-grid/row-editing-options/App.razor
+++ b/samples/grids/tree-grid/row-editing-options/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/row-editing-style/App.razor b/samples/grids/tree-grid/row-editing-style/App.razor
index 13050922e3..2c651bd1e4 100644
--- a/samples/grids/tree-grid/row-editing-style/App.razor
+++ b/samples/grids/tree-grid/row-editing-style/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">
diff --git a/samples/grids/tree-grid/row-selection-mode/App.razor b/samples/grids/tree-grid/row-selection-mode/App.razor
index 974c2a700f..ff8a805d97 100644
--- a/samples/grids/tree-grid/row-selection-mode/App.razor
+++ b/samples/grids/tree-grid/row-selection-mode/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="options vertical">
diff --git a/samples/grids/tree-grid/row-selection-template-numbers/App.razor b/samples/grids/tree-grid/row-selection-template-numbers/App.razor
index c5c99c0942..5e4bff246b 100644
--- a/samples/grids/tree-grid/row-selection-template-numbers/App.razor
+++ b/samples/grids/tree-grid/row-selection-template-numbers/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/row-styles/App.razor b/samples/grids/tree-grid/row-styles/App.razor
index 21fc9c09a7..b59c9e0fdf 100644
--- a/samples/grids/tree-grid/row-styles/App.razor
+++ b/samples/grids/tree-grid/row-styles/App.razor
@@ -1,3 +1,4 @@
+@using IgniteUI.Blazor.Controls
 
 @inject IJSRuntime JS
 
diff --git a/samples/grids/tree-grid/using-primary-foreign-keys/App.razor b/samples/grids/tree-grid/using-primary-foreign-keys/App.razor
index 2689e0c9d0..8d2519a163 100644
--- a/samples/grids/tree-grid/using-primary-foreign-keys/App.razor
+++ b/samples/grids/tree-grid/using-primary-foreign-keys/App.razor
@@ -1,4 +1,4 @@
-
+@using IgniteUI.Blazor.Controls
 
 <div class="container vertical ig-typography">
     <div class="container vertical fill">