diff --git a/ps5-mqtt/client/package.json b/ps5-mqtt/client/package.json
index 85b3e70..70eb5d7 100644
--- a/ps5-mqtt/client/package.json
+++ b/ps5-mqtt/client/package.json
@@ -10,7 +10,7 @@
         "@types/react": "^18.2.14",
         "@types/react-dom": "^18.0.11",
         "esbuild": "^0.15.11",
-        "grommet": "^2.26.0",
+        "grommet": "^2.33.1",
         "grommet-icons": "^4.8.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
diff --git a/ps5-mqtt/package-lock.json b/ps5-mqtt/package-lock.json
index e050ee2..00c31de 100644
--- a/ps5-mqtt/package-lock.json
+++ b/ps5-mqtt/package-lock.json
@@ -30,7 +30,7 @@
                 "@types/react": "^18.2.14",
                 "@types/react-dom": "^18.0.11",
                 "esbuild": "^0.15.11",
-                "grommet": "^2.26.0",
+                "grommet": "^2.33.1",
                 "grommet-icons": "^4.8.0",
                 "react": "^18.2.0",
                 "react-dom": "^18.2.0"
@@ -4511,18 +4511,18 @@
             "dev": true
         },
         "node_modules/grommet": {
-            "version": "2.27.0",
-            "resolved": "https://registry.npmjs.org/grommet/-/grommet-2.27.0.tgz",
-            "integrity": "sha512-VAk1sNPagLJX4d9wLEZbAt1NU+AMzwtnX5eFy6ZkINKpvKcHOhO05E/RW7i7a4RBTGz2w251Y4xGTmPieCDxOA==",
+            "version": "2.33.1",
+            "resolved": "https://registry.npmjs.org/grommet/-/grommet-2.33.1.tgz",
+            "integrity": "sha512-KvU/vNZvtvuYnL5gmBHSuJbsZBgRxJA92c75u8OVGqQA+uuoJWP2nGECNbLT4aYHumcDOcgqkZbTfJ2J1wKk5A==",
             "dev": true,
             "dependencies": {
-                "grommet-icons": "^4.7.0",
+                "grommet-icons": "^4.10.0",
                 "hoist-non-react-statics": "^3.2.0",
-                "markdown-to-jsx": "^7.1.5",
+                "markdown-to-jsx": "^7.2.0",
                 "prop-types": "^15.8.1"
             },
             "engines": {
-                "node": ">= 14"
+                "node": ">= 16"
             },
             "peerDependencies": {
                 "react": "^16.6.1 || ^17.0.0 || ^18.0.0",
@@ -4531,33 +4531,16 @@
             }
         },
         "node_modules/grommet-icons": {
-            "version": "4.8.0",
-            "resolved": "https://registry.npmjs.org/grommet-icons/-/grommet-icons-4.8.0.tgz",
-            "integrity": "sha512-8cS1zVib88SIyLfsWFFazMzYz/8k5MvXZqopUjN/Bnl8HvQBUe0Z87F+JXRb1AMMYkuqXQW9Pg6XfBB3Ro9VdQ==",
+            "version": "4.11.0",
+            "resolved": "https://registry.npmjs.org/grommet-icons/-/grommet-icons-4.11.0.tgz",
+            "integrity": "sha512-ArXf2XyXmpk5JsQ8NudzNz3mbWv+TeZkPiyog2s9yoNAWTlIr3vzNjr97uon/Xm4Uiq2kiHkvO4i2fG1u6EaDg==",
             "dev": true,
-            "dependencies": {
-                "grommet-styles": "^0.2.0"
-            },
             "peerDependencies": {
                 "react": "^16.6.0 || ^17.0.0 || ^18.0.0",
                 "react-dom": "^16.6.0 || ^17.0.0 || ^18.0.0",
                 "styled-components": ">= 5.x"
             }
         },
-        "node_modules/grommet-styles": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/grommet-styles/-/grommet-styles-0.2.0.tgz",
-            "integrity": "sha512-0OMSYuGeyifYKpg4Gv2HzL8rUdd0ddnJ5LbCBKgDuloC71XIwr9g/Fxa6rs737MbPV7OZ4pEm4wvrjH4epzf1A==",
-            "dev": true,
-            "engines": {
-                "node": ">= 8"
-            },
-            "peerDependencies": {
-                "react": ">= 16.4.1",
-                "react-dom": ">= 16.4.1",
-                "styled-components": ">= 4.X"
-            }
-        },
         "node_modules/has": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
@@ -6017,9 +6000,9 @@
             }
         },
         "node_modules/markdown-to-jsx": {
-            "version": "7.1.7",
-            "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.1.7.tgz",
-            "integrity": "sha512-VI3TyyHlGkO8uFle0IOibzpO1c1iJDcXcS/zBrQrXQQvJ2tpdwVzVZ7XdKsyRz1NdRmre4dqQkMZzUHaKIG/1w==",
+            "version": "7.3.2",
+            "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.3.2.tgz",
+            "integrity": "sha512-B+28F5ucp83aQm+OxNrPkS8z0tMKaeHiy0lHJs3LqCyDQFtWuenaIrkaVTgAm1pf1AU85LXltva86hlaT17i8Q==",
             "dev": true,
             "engines": {
                 "node": ">= 10"
@@ -9190,7 +9173,7 @@
                 "@types/react": "^18.2.14",
                 "@types/react-dom": "^18.0.11",
                 "esbuild": "^0.15.11",
-                "grommet": "^2.26.0",
+                "grommet": "^2.33.1",
                 "grommet-icons": "^4.8.0",
                 "react": "^18.2.0",
                 "react-dom": "^18.2.0"
@@ -11570,30 +11553,21 @@
             "dev": true
         },
         "grommet": {
-            "version": "2.27.0",
-            "resolved": "https://registry.npmjs.org/grommet/-/grommet-2.27.0.tgz",
-            "integrity": "sha512-VAk1sNPagLJX4d9wLEZbAt1NU+AMzwtnX5eFy6ZkINKpvKcHOhO05E/RW7i7a4RBTGz2w251Y4xGTmPieCDxOA==",
+            "version": "2.33.1",
+            "resolved": "https://registry.npmjs.org/grommet/-/grommet-2.33.1.tgz",
+            "integrity": "sha512-KvU/vNZvtvuYnL5gmBHSuJbsZBgRxJA92c75u8OVGqQA+uuoJWP2nGECNbLT4aYHumcDOcgqkZbTfJ2J1wKk5A==",
             "dev": true,
             "requires": {
-                "grommet-icons": "^4.7.0",
+                "grommet-icons": "^4.10.0",
                 "hoist-non-react-statics": "^3.2.0",
-                "markdown-to-jsx": "^7.1.5",
+                "markdown-to-jsx": "^7.2.0",
                 "prop-types": "^15.8.1"
             }
         },
         "grommet-icons": {
-            "version": "4.8.0",
-            "resolved": "https://registry.npmjs.org/grommet-icons/-/grommet-icons-4.8.0.tgz",
-            "integrity": "sha512-8cS1zVib88SIyLfsWFFazMzYz/8k5MvXZqopUjN/Bnl8HvQBUe0Z87F+JXRb1AMMYkuqXQW9Pg6XfBB3Ro9VdQ==",
-            "dev": true,
-            "requires": {
-                "grommet-styles": "^0.2.0"
-            }
-        },
-        "grommet-styles": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/grommet-styles/-/grommet-styles-0.2.0.tgz",
-            "integrity": "sha512-0OMSYuGeyifYKpg4Gv2HzL8rUdd0ddnJ5LbCBKgDuloC71XIwr9g/Fxa6rs737MbPV7OZ4pEm4wvrjH4epzf1A==",
+            "version": "4.11.0",
+            "resolved": "https://registry.npmjs.org/grommet-icons/-/grommet-icons-4.11.0.tgz",
+            "integrity": "sha512-ArXf2XyXmpk5JsQ8NudzNz3mbWv+TeZkPiyog2s9yoNAWTlIr3vzNjr97uon/Xm4Uiq2kiHkvO4i2fG1u6EaDg==",
             "dev": true,
             "requires": {}
         },
@@ -12683,9 +12657,9 @@
             }
         },
         "markdown-to-jsx": {
-            "version": "7.1.7",
-            "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.1.7.tgz",
-            "integrity": "sha512-VI3TyyHlGkO8uFle0IOibzpO1c1iJDcXcS/zBrQrXQQvJ2tpdwVzVZ7XdKsyRz1NdRmre4dqQkMZzUHaKIG/1w==",
+            "version": "7.3.2",
+            "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.3.2.tgz",
+            "integrity": "sha512-B+28F5ucp83aQm+OxNrPkS8z0tMKaeHiy0lHJs3LqCyDQFtWuenaIrkaVTgAm1pf1AU85LXltva86hlaT17i8Q==",
             "dev": true,
             "requires": {}
         },