diff --git a/web/package.json b/web/package.json
index 55c6c49a..6a7caecf 100644
--- a/web/package.json
+++ b/web/package.json
@@ -44,6 +44,7 @@
     "lint-staged": "12.1.3",
     "postcss": "8.3.5",
     "prettier": "2.5.0",
+    "prettier-plugin-tailwindcss": "^0.1.5",
     "pretty-quick": "3.1.2",
     "tailwindcss": "3.0.1",
     "tsc-files": "1.1.3",
diff --git a/yarn.lock b/yarn.lock
index c78b5ee2..2afa5dda 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4928,6 +4928,11 @@ prelude-ls@~1.1.2:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
   integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
 
+prettier-plugin-tailwindcss@^0.1.5:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.1.5.tgz#1709b4cea44873cbfefe9862f9f0827a51fe8cc3"
+  integrity sha512-e+jTxwiHL4I3Ot8OjV1LAiiaAx0Zgy71xTL7xNmJtNmhpja7GKzFSAoulqBDS1D57B7lbZDCvDEKIWIQSBUmBQ==
+
 prettier@2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.5.0.tgz#a6370e2d4594e093270419d9cc47f7670488f893"