diff --git a/package-lock.json b/package-lock.json
index c17f17d..fbd9053 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,7 @@
       "devDependencies": {
         "@headlessui/vue": "^1.4.2",
         "@heroicons/vue": "^1.0.5",
-        "@tailwindcss/aspect-ratio": "^0.3.0",
+        "@tailwindcss/aspect-ratio": "^0.4.1",
         "@tailwindcss/forms": "^0.4.0-alpha.2",
         "@tailwindcss/line-clamp": "^0.2.2",
         "@tailwindcss/typography": "^0.5.0-alpha.3",
@@ -190,12 +190,12 @@
       }
     },
     "node_modules/@tailwindcss/aspect-ratio": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.3.0.tgz",
-      "integrity": "sha512-DMgWskNJR6FNPLbQ8Xoq/PKV/9DfNKh5dvKB+SM8x7lVl4+pnxlZ3Ns4+yGmurA/ze708HrnCG1tXk85HolJmw==",
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.4.1.tgz",
+      "integrity": "sha512-1wN2Znrh064KfaULmW+UVgnMCk+LUbYnupH4syF9I9Qx7JLfUlGyPYd0oMXFwqkpNv5aiHu4j+0uSbjSY9tNvA==",
       "dev": true,
       "peerDependencies": {
-        "tailwindcss": ">=2.0.0 || >=3.0.0-alpha.1"
+        "tailwindcss": ">=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1"
       }
     },
     "node_modules/@tailwindcss/forms": {
@@ -2005,9 +2005,9 @@
       }
     },
     "@tailwindcss/aspect-ratio": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.3.0.tgz",
-      "integrity": "sha512-DMgWskNJR6FNPLbQ8Xoq/PKV/9DfNKh5dvKB+SM8x7lVl4+pnxlZ3Ns4+yGmurA/ze708HrnCG1tXk85HolJmw==",
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.4.1.tgz",
+      "integrity": "sha512-1wN2Znrh064KfaULmW+UVgnMCk+LUbYnupH4syF9I9Qx7JLfUlGyPYd0oMXFwqkpNv5aiHu4j+0uSbjSY9tNvA==",
       "dev": true,
       "requires": {}
     },
diff --git a/package.json b/package.json
index 89deac6..cdc17ef 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@headlessui/vue": "^1.4.2",
     "@heroicons/vue": "^1.0.5",
-    "@tailwindcss/aspect-ratio": "^0.3.0",
+    "@tailwindcss/aspect-ratio": "^0.4.1",
     "@tailwindcss/forms": "^0.4.0-alpha.2",
     "@tailwindcss/line-clamp": "^0.2.2",
     "@tailwindcss/typography": "^0.5.0-alpha.3",