diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 1d6dffc..f9ac23b 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -7,7 +7,7 @@
     "": {
       "version": "0.1.0",
       "dependencies": {
-        "@headlessui/react": "^1.4.1",
+        "@headlessui/react": "^1.7.12",
         "@heroicons/react": "^1.0.5",
         "fuse.js": "^6.4.6",
         "isomorphic-unfetch": "^3.1.0",
@@ -758,9 +758,12 @@
       "integrity": "sha512-sqKVVVOe5ivCaXDWivIJYVSaEgdQK9ul7a4Kity5Iw7u9+wBAPbX1RMSnLLmp7O4Vzj0WOWwMAJsTL00xwaNug=="
     },
     "node_modules/@headlessui/react": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.4.1.tgz",
-      "integrity": "sha512-gL6Ns5xQM57cZBzX6IVv6L7nsam8rDEpRhs5fg28SN64ikfmuuMgunc+Rw5C1cMScnvFM+cz32ueVrlSFEVlSg==",
+      "version": "1.7.12",
+      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.12.tgz",
+      "integrity": "sha512-FhSx5V+Qp0GvbTpaxyS+ymGDDNntCacClWsk/d8Upbr19g3AsPbjfPk4+m2CgJGcuCB5Dz7LpUIOAbvQTyjL2g==",
+      "dependencies": {
+        "client-only": "^0.0.1"
+      },
       "engines": {
         "node": ">=10"
       },
@@ -1949,6 +1952,11 @@
       "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz",
       "integrity": "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q=="
     },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
     "node_modules/color": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/color/-/color-4.0.1.tgz",
@@ -7335,10 +7343,12 @@
       "integrity": "sha512-sqKVVVOe5ivCaXDWivIJYVSaEgdQK9ul7a4Kity5Iw7u9+wBAPbX1RMSnLLmp7O4Vzj0WOWwMAJsTL00xwaNug=="
     },
     "@headlessui/react": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.4.1.tgz",
-      "integrity": "sha512-gL6Ns5xQM57cZBzX6IVv6L7nsam8rDEpRhs5fg28SN64ikfmuuMgunc+Rw5C1cMScnvFM+cz32ueVrlSFEVlSg==",
-      "requires": {}
+      "version": "1.7.12",
+      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.12.tgz",
+      "integrity": "sha512-FhSx5V+Qp0GvbTpaxyS+ymGDDNntCacClWsk/d8Upbr19g3AsPbjfPk4+m2CgJGcuCB5Dz7LpUIOAbvQTyjL2g==",
+      "requires": {
+        "client-only": "^0.0.1"
+      }
     },
     "@heroicons/react": {
       "version": "1.0.5",
@@ -8159,6 +8169,11 @@
       "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz",
       "integrity": "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q=="
     },
+    "client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
     "color": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/color/-/color-4.0.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 367eb3c..5487fed 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -11,7 +11,7 @@
     "fmtcheck": "prettier --check **/*.{ts,tsx}"
   },
   "dependencies": {
-    "@headlessui/react": "^1.4.1",
+    "@headlessui/react": "^1.7.12",
     "@heroicons/react": "^1.0.5",
     "fuse.js": "^6.4.6",
     "isomorphic-unfetch": "^3.1.0",