diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 419fd86..d012b93 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -52,6 +52,25 @@ const ogFileType = 'image/png'
         color: var(--text-color-dark);
         background-color: var(--text-color-light);
       }
+
+      body {
+        background-image: radial-gradient(
+          circle,
+          hsl(var(--dot-grid-light)) 1px,
+          transparent 1px
+        );
+        background-size: 24px 24px;
+        background-position: -24px -24px;
+
+        @media (prefers-color-scheme: dark) {
+          background-image: radial-gradient(
+            circle,
+            hsl(var(--dot-grid-dark)) 1px,
+            transparent 1px
+          );
+        }
+      }
+
       @media (prefers-color-scheme: dark) {
         html,
         body,