2 files changed, 3 insertions, 2 deletions

diff --git a/package.json b/package.json
index e66a45b..2e033e0 100644
--- a/package.json
+++ b/package.json
@@ -45,7 +45,7 @@
   "dependencies": {
     "easymde": "^2.18.0",
     "leader-line": "^1.0.7",
-    "mapclay": "^0.6.2",
+    "mapclay": "^0.6.3",
     "markdown-it": "^14.1.0",
     "markdown-it-anchor": "^9.2.0",
     "markdown-it-footnote": "^4.0.0",
diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index 8222c80..f9a999b 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -5,7 +5,7 @@ import MarkdownItFrontMatter from 'markdown-it-front-matter'
 import MarkdownItTocDoneRight from 'markdown-it-toc-done-right'
 import LeaderLine from 'leader-line'
 import PlainDraggable from 'plain-draggable'
-import { render, parseConfigsFromYaml } from 'mapclay'
+import { renderWith, parseConfigsFromYaml } from 'mapclay'
 
 // Utils {{{
 const onRemove = (element, callback) => {
@@ -245,6 +245,7 @@ export const generateMaps = async (container) => {
   }
 
   // Render each code block with "language-map" class
+  const render = renderWith(config => ({ width: "100%", ...config }))
   const renderTargets = Array.from(container.querySelectorAll('pre:has(.language-map)'))
   const renderAllTargets = renderTargets.map(async (target) => {
     // Get text in code block starts with '```map'