diff --git a/blazor/datagrid/column-chooser.md b/blazor/datagrid/column-chooser.md
index 47a5558ae2..3c88e61ce4 100644
--- a/blazor/datagrid/column-chooser.md
+++ b/blazor/datagrid/column-chooser.md
@@ -626,7 +626,7 @@ The [FooterTemplate](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gri
 {% tabs %}
 {% highlight razor tabtitle="Index.razor" %}
 @using Syncfusion.Blazor.Grids
-@using Syncfusion.Blazor.Grids
+@using Syncfusion.Blazor.Buttons
 
 <SfGrid @ref="grid" TValue="OrderData" DataSource="@GridData" ShowColumnChooser="true" Toolbar="@( new List<string>() { "ColumnChooser"})" AllowPaging="true">
     <GridColumnChooserSettings>
diff --git a/blazor/datagrid/column-headers.md b/blazor/datagrid/column-headers.md
index 59cb85da19..6541ddbc54 100644
--- a/blazor/datagrid/column-headers.md
+++ b/blazor/datagrid/column-headers.md
@@ -928,6 +928,7 @@ Here's an example of how to use the `HeaderTemplate` to add a custom tooltip to
 {% tabs %}
 {% highlight razor tabtitle="Index.razor" %}
 @using Syncfusion.Blazor.Grids
+@using Syncfusion.Blazor.Popups
     
 <SfGrid ID="Grid" DataSource="@OrderData" AllowPaging="true">            
     <GridColumns>