diff --git a/docs/reference/workflow-map.md b/docs/reference/workflow-map.md
index bde04a51..0d0ff488 100644
--- a/docs/reference/workflow-map.md
+++ b/docs/reference/workflow-map.md
@@ -11,7 +11,7 @@ If at anytime you are unsure what to do, the `/bmad-help` command will help you
 
 Final important note: Every workflow below can be run directly with your tool of choice via slash command or by loading an agent first and using the entry from the agents menu.
 
-<iframe src="/workflow-map-diagram.html" width="100%" height="900" frameborder="0" style="border-radius: 8px; border: 1px solid #334155;"></iframe>
+<iframe src="/workflow-map-diagram.html" width="100%" height="700" frameborder="0" style="border-radius: 0; border: none;"></iframe>
 
 *[Interactive diagram - hover over outputs to see artifact flows]*
 
diff --git a/website/src/styles/custom.css b/website/src/styles/custom.css
index 70688aa2..1dd65715 100644
--- a/website/src/styles/custom.css
+++ b/website/src/styles/custom.css
@@ -181,6 +181,15 @@
   margin: 0 auto;
 }
 
+/* Full-width workflow diagram iframe */
+.sl-markdown-content > iframe:first-child {
+  width: 100vw !important;
+  margin-left: calc(50% - 50vw);
+  border-radius: 0 !important;
+  border-left: none !important;
+  border-right: none !important;
+}
+
 /* Main content area */
 main {
   min-width: 0;