diff --git a/package-lock.json b/package-lock.json
index d1b5fe80..74555cd8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "21.3.1",
+  "version": "21.3.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "21.3.1",
+      "version": "21.3.2",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",
@@ -25,7 +25,7 @@
         "dotenv-flow": "^4.1.0",
         "html-minifier-terser": "^7.2.0",
         "liquidjs": "^10.16.1",
-        "luxon": "^3.4.4",
+        "luxon": "^3.5.0",
         "markdown-it": "^14.1.0",
         "markdown-it-anchor": "^9.0.1",
         "markdown-it-footnote": "^4.0.0",
@@ -2418,9 +2418,9 @@
       "license": "ISC"
     },
     "node_modules/luxon": {
-      "version": "3.4.4",
-      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.4.4.tgz",
-      "integrity": "sha512-zobTr7akeGHnv7eBOXcRgMeCP6+uyYsczwmeRCauvpvaAltgNyTbLH/+VaEAPUeWBT+1GuNmz4wC/6jtQzbbVA==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.5.0.tgz",
+      "integrity": "sha512-rh+Zjr6DNfUYR3bPwJEnuwDdqMbxZW7LOQfUN4B54+Cl+0o5zaU9RJ6bcidfDtC1cWCZXQ+nvX8bf6bAji37QQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
diff --git a/package.json b/package.json
index 49ce92c8..77058c87 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "21.3.1",
+  "version": "21.3.2",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "scripts": {
@@ -40,7 +40,7 @@
     "dotenv-flow": "^4.1.0",
     "html-minifier-terser": "^7.2.0",
     "liquidjs": "^10.16.1",
-    "luxon": "^3.4.4",
+    "luxon": "^3.5.0",
     "markdown-it": "^14.1.0",
     "markdown-it-anchor": "^9.0.1",
     "markdown-it-footnote": "^4.0.0",
diff --git a/src/assets/styles/components/modal.css b/src/assets/styles/components/modal.css
index c15a97b2..e045b894 100644
--- a/src/assets/styles/components/modal.css
+++ b/src/assets/styles/components/modal.css
@@ -10,9 +10,9 @@
     position: fixed;
     background: var(--background-color);
     border: 1px solid var(--gray-light);
-    max-height: 75%;
-    max-width: 75%;
-    inset: 12.5%;
+    height: 100%;
+    width: 100%;
+    inset: 0;
     overflow: scroll;
     padding: var(--sizing-lg) var(--sizing-2xl);
 
@@ -78,4 +78,12 @@
       transform: rotate(8deg);
     }
   }
+}
+
+@media screen and (min-width: 768px) {
+  .modal-wrapper .modal-body {
+    max-height: 75%;
+    max-width: 75%;
+    inset: 12.5%;
+  }
 }
\ No newline at end of file