diff --git a/feat/dependencies-of/api.ts b/feat/dependencies-of/api.ts
index 7b51d5e..1d0d988 100644
--- a/feat/dependencies-of/api.ts
+++ b/feat/dependencies-of/api.ts
@@ -117,9 +117,12 @@ async function serveHtmlGraphPage(req: Request, modUrl: string, modSlug: string,
       .then(dotProc => dotProc.captureAllOutput())
       .then(raw => {
         const fullSvg = new TextDecoder().decode(raw);
+        const attrs = [`id="graph"`];
+        const svgWidth = fullSvg.match(/viewBox="(?:([0-9.-]+) ){3}/)?.[1];
+        if (svgWidth) attrs.push(`style="max-width: ${parseInt(svgWidth)*2}px;"`);
         return fullSvg
           .slice(fullSvg.indexOf('<!--'))
-          .replace(/<svg width="[^"]+" height="[^"]+"/, '<svg id="graph"');
+          .replace(/<svg width="[^"]+" height="[^"]+"/, '<svg '+attrs.join(' '));
       })
 
   ).catch(err => {
diff --git a/public/global.css b/public/global.css
index ee5a406..66c4095 100644
--- a/public/global.css
+++ b/public/global.css
@@ -42,6 +42,7 @@ input.url {
 svg#graph {
   grid-area: graph;
   max-height: 100%;
+  justify-self: center;
 }
 #graph text {
   fill: #111;