diff --git a/blazor/datagrid/column-menu.md b/blazor/datagrid/column-menu.md
index 67f2bc464e..5f2784f357 100644
--- a/blazor/datagrid/column-menu.md
+++ b/blazor/datagrid/column-menu.md
@@ -540,7 +540,7 @@ public class OrderData
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/LthetSqtfZnABCcg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/BNrnZiBlzsPHBORW?appbar=false&editor=false&result=true&errorlist=false&theme=material" %}
 
 ## Column menu events
 
diff --git a/blazor/datagrid/columns.md b/blazor/datagrid/columns.md
index 7017ca39ab..1a4c0310c8 100644
--- a/blazor/datagrid/columns.md
+++ b/blazor/datagrid/columns.md
@@ -942,7 +942,7 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid allows alig
 
 {% previewsample "https://blazorplayground.syncfusion.com/embed/htrJCMMuCwICimOy?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
-N >* The `TextAlign` property only changes the alignment of cell content, not the column header. To align both the column header and content, use the `HeaderTextAlign` property along with `TextAlign`.
+N>* The `TextAlign` property only changes the alignment of cell content, not the column header. To align both the column header and content, use the `HeaderTextAlign` property along with `TextAlign`.
 
 >* If only `HeaderTextAlign` is specified, the header will align as expected, but the cell content will remain at its default alignment.
 >* To achieve consistent alignment for both header and cell content, specify both properties.
diff --git a/blazor/datagrid/data-binding/remote-data.md b/blazor/datagrid/data-binding/remote-data.md
index 8dc7e1f62c..b2668d62db 100644
--- a/blazor/datagrid/data-binding/remote-data.md
+++ b/blazor/datagrid/data-binding/remote-data.md
@@ -177,7 +177,7 @@ This section describes how to configure [SfDataManager](https://help.syncfusion.
 
     Inject the configured `HttpClient` and set the access token in the default request headers:
 
-    ```csharp
+```csharp
     @inject HttpClient _httpClient
 
     @code {
@@ -187,7 +187,7 @@ This section describes how to configure [SfDataManager](https://help.syncfusion.
                     await base.OnInitializedAsync();
             }
     }
-        ```
+```
 
 - **Using the Headers property of SfDataManager:** 
 
@@ -279,7 +279,7 @@ The example demonstrates modifying the query parameter dynamically. Initially, t
 }
 ```
 
-![Changing Query Dynamically in the Grid](./images/blazor-datagrid-query-update.gif)
+![Changing Query Dynamically in the Grid](../images/blazor-datagrid-query-update.gif)
 
 ## Offline mode
 
diff --git a/blazor/datagrid/row-drag-and-drop.md b/blazor/datagrid/row-drag-and-drop.md
index 64a2da24ab..f03ebcee6f 100644
--- a/blazor/datagrid/row-drag-and-drop.md
+++ b/blazor/datagrid/row-drag-and-drop.md
@@ -281,6 +281,8 @@ public class OrdersDetails
 {% endhighlight %}
 {% endtabs %}
 
+{% previewsample "https://blazorplayground.syncfusion.com/embed/VXBHtMhbpBpDVXzQ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
+
 ## Drag and drop to custom component
 
 The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid supports dragging rows into custom components. Enable [AllowRowDragAndDrop] and set [RowDropSettings.TargetID](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridRowDropSettings.html#Syncfusion_Blazor_Grids_GridRowDropSettings_TargetID) to the **ID** of the target component.
@@ -791,4 +793,4 @@ public class OrderData
 - A single row can be dragged and dropped within the same grid even if multiple selection is not enabled.
 - Row drag and drop does not have built-in support when combined with sorting, filtering, hierarchy grid, or row template features.
 - Row drag and drop with grouping does not support lazy-load grouping.
-- Dragging and dropping within the same group key is not supported. The grid does not allow drag-and-drop for multiple rows that belong to different grouped collections.
\ No newline at end of file
+- Dragging and dropping within the same group key is not supported. The grid does not allow drag-and-drop for multiple rows that belong to different grouped collections.