diff --git a/docs/blog/2025-08-21-buildingbettercss/index.md b/docs/blog/2025-08-21-buildingbettercss/index.md
index b26af639e..238f93544 100644
--- a/docs/blog/2025-08-21-buildingbettercss/index.md
+++ b/docs/blog/2025-08-21-buildingbettercss/index.md
@@ -165,14 +165,7 @@ The `::part()` pseudo-element is like having a key to specific rooms in an other
 
 Here's a dashboard I put together that uses most of the stuff I've mentioned - CSS Grid, DWC tokens, and component-specific styling:
 
-<ComponentDemo
-path='/webforj/blogs/building-better-css'
-frame='desktop'
-files={[
-  'src/main/java/com/webforj/samples/blogs/buildingbettercss/ModernDashboardView.java',
-  'src/main/resources/static/blogs/buildingbettercss/dashboard.css',
-]}
-/>
+![Screenshot of Dashboard](https://cdn.webforj.com/webforj-documentation/blogs/2025-08-21-buildingbettercss/buildingbettercss-dashboard.png)
 
 This dashboard shows how all the pieces work together in practice. The responsive layout uses CSS Grid with custom media queries for mobile optimization. All the colors and spacing come from DWC tokens, so changing the primary color at the root level updates the entire interface. The combination of external CSS and inline component styles keeps everything maintainable, which is great because I definitely needed to go back and fix things multiple times.