diff --git a/src/content/blog/DecouplingElixirGenServers.md b/src/content/blog/DecouplingElixirGenServers.md
index 6eea963..f54957d 100644
--- a/src/content/blog/DecouplingElixirGenServers.md
+++ b/src/content/blog/DecouplingElixirGenServers.md
@@ -32,7 +32,7 @@ The application consists of:
 
 Let's look at a diagram of the whole system first:
 
-<div align="center">
+<div class="diagram" align="center">
 
 ```d2 width="500" theme=303 title="Lock door flow"
 direction: down
diff --git a/src/styles/global.scss b/src/styles/global.scss
index cd20643..c35e7a7 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -177,9 +177,15 @@ a:hover {
   color: var(--link-hover-color);
 }
 
-/* Fix responsiveness issues */
+/* Fix responsiveness issues with code blocks */
 .astro-code code {
   display: block;
   width: 0;
   font-size: 16px;
 }
+
+/* Fix responsiveness issues with generated diagrams */
+.diagram img {
+  max-width: 100% !important;
+  height: auto !important;
+}