diff --git a/package.json b/package.json
index 84eba2f2..e4508ca6 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
     "phoenix": "^1.6.0-rc.0",
     "phoenix_html": "^3.2",
     "phoenix_live_view": "^0.17.1",
-    "topbar": "^1.0.1",
+    "topbar": "^3.0.0",
     "typescript": "^4.3.5"
   },
   "ts-standard": {
diff --git a/yarn.lock b/yarn.lock
index da4dc6e3..e39a516a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2577,10 +2577,10 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-topbar@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/topbar/-/topbar-1.0.1.tgz#7987fb9ea40ce702ed2d9fcded3407a8ae5a33a9"
-  integrity sha512-HZqQSMBiG29vcjOrqKCM9iGY/h69G5gQH7ae83ZCPz5uPmbQKwK0sMEqzVDBiu64tWHJ+kk9NApECrF+FAAvRA==
+topbar@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/topbar/-/topbar-3.0.0.tgz#7353f10852778f6352feac2f92015b673b5e96eb"
+  integrity sha512-mhczD7KfYi1anfoMPKRdl0wPSWiYc0YOK4KyycYs3EaNT15pVVNDG5CtfgZcEBWIPJEdfR7r8K4hTXDD2ECBVQ==
 
 ts-node@^10.4.0:
   version "10.4.0"