diff --git a/blazor/data/getting-started-with-web-app.md b/blazor/data/getting-started-with-web-app.md
index 7f4cb06008..33217d5217 100644
--- a/blazor/data/getting-started-with-web-app.md
+++ b/blazor/data/getting-started-with-web-app.md
@@ -293,7 +293,7 @@ Local data can be bound to components such as `SfDropDownList` by assigning a co
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/BZLeCWWaPtlNQoPM?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Binding DropDownList Item in Blazor DataManager Component](./images/blazor-datamanager-binding-dropdown-item.webp)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/VthdDHVATdWQWVJr?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Binding DropDownList Item in Blazor DataManager Component](./images/blazor-datamanager-binding-dropdown-item.webp)" %}
 
 ### Remote data binding
 
@@ -323,7 +323,7 @@ Remote data can be bound by setting the [Url](https://help.syncfusion.com/cr/bla
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/LZheWWWamGlqvaaF?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Data Binding in Blazor DataManager Component](./images/blazor-datamanager-data-binding.webp)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/BDLxNRLKJdVyyhZu?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Data Binding in Blazor DataManager Component](./images/blazor-datamanager-data-binding.webp)" %}
 
 N> [View the complete sample on GitHub.](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/DataManager).
 
diff --git a/blazor/data/getting-started.md b/blazor/data/getting-started.md
index 2e583dca3a..05af29485a 100644
--- a/blazor/data/getting-started.md
+++ b/blazor/data/getting-started.md
@@ -274,7 +274,7 @@ Local data can be bound to components such as `SfDropDownList` by assigning a co
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/BZLeCWWaPtlNQoPM?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Binding DropDownList Item in Blazor DataManager Component](./images/blazor-datamanager-binding-dropdown-item.webp)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/VthdDHVATdWQWVJr?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Binding DropDownList Item in Blazor DataManager Component](./images/blazor-datamanager-binding-dropdown-item.webp)" %}
 
 ### Remote data binding
 
@@ -304,6 +304,6 @@ Remote data can be bound by setting the [Url](https://help.syncfusion.com/cr/bla
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/BtVyMWMEFjOIhipK?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Data Binding in Blazor DataManager Component](./images/blazor-datamanager-data-binding.webp)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/BDLxNRLKJdVyyhZu?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Data Binding in Blazor DataManager Component](./images/blazor-datamanager-data-binding.webp)" %}
 
 N> [View Sample on GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/DataManager).
\ No newline at end of file
diff --git a/blazor/data/images/blazor-datamanager-binding-dropdown-item.webp b/blazor/data/images/blazor-datamanager-binding-dropdown-item.webp
index 15844b4a80..f60af4347f 100644
Binary files a/blazor/data/images/blazor-datamanager-binding-dropdown-item.webp and b/blazor/data/images/blazor-datamanager-binding-dropdown-item.webp differ
diff --git a/blazor/data/images/blazor-datamanager-data-binding.webp b/blazor/data/images/blazor-datamanager-data-binding.webp
index b9b44f14b1..8fb0f67fb0 100644
Binary files a/blazor/data/images/blazor-datamanager-data-binding.webp and b/blazor/data/images/blazor-datamanager-data-binding.webp differ