diff --git a/package.json b/package.json
index 009cc803532e2b962c450fed0842b0647016c747..06bf314d10aae34371b65d691d30caf5074112df 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "homepage": "/",
   "dependencies": {
     "@igem/mdx-utils": "^0.3.3",
-    "@igem/ui-components": "^0.4.25",
+    "@igem/ui-components": "^0.4.30",
     "@mdx-js/loader": "^2.0.0",
     "@types/node": "^17.0.10",
     "@types/react": "^17.0.38",
diff --git a/yarn.lock b/yarn.lock
index 42a80189c1efde1c90534b74c28ad6a22015fca9..49f5a60af1e1c40f4b38ed47f28c3834818f4e91 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1251,10 +1251,10 @@
     react-dom "^17.0.2"
     react-router-dom "^6.2.1"
 
-"@igem/ui-components@^0.4.25":
-  version "0.4.25"
-  resolved "https://registry.yarnpkg.com/@igem/ui-components/-/ui-components-0.4.25.tgz#9001d8eba649424f35cfff60a0906e8e71389198"
-  integrity sha512-k7LGLLNi766mqDpAaCaGMKLSNM9wtDyoKLZmNBWMMaLdSrV0KCon9DPbQtQKrqfJEhJDG0rHZpCvexuLhSv9lw==
+"@igem/ui-components@^0.4.30":
+  version "0.4.30"
+  resolved "https://registry.yarnpkg.com/@igem/ui-components/-/ui-components-0.4.30.tgz#86caf102e5a2d0a7347c8453d29fb393f07cdb6f"
+  integrity sha512-7q2F9lXv4aUhpOJ/sB1tzpfbNkv0lN1V0poPZLT/BaeUQmcfisAb7Ujh31YBT4Lu8jevwzz6gAjDWfT6GycEYw==
   dependencies:
     "@types/react" "^17.0.39"
     "@types/react-dom" "^17.0.11"
@@ -1266,6 +1266,7 @@
     react-inlinesvg "^2.3.0"
     react-table "^7.7.0"
     react-table-sticky "^1.1.3"
+    react-transition-group "^4.4.2"
     react-unleash-flags "^1.3.0"
     smoothscroll-polyfill "^0.4.4"
 
@@ -4573,6 +4574,14 @@ dom-converter@^0.2.0:
   dependencies:
     utila "~0.4"
 
+dom-helpers@^5.0.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
+  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
+  dependencies:
+    "@babel/runtime" "^7.8.7"
+    csstype "^3.0.2"
+
 dom-serializer@0:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
@@ -11038,7 +11047,7 @@ prompts@^2.0.1:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.7.2:
+prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -11387,6 +11396,16 @@ react-table@^7.7.0:
   resolved "https://registry.yarnpkg.com/react-table/-/react-table-7.7.0.tgz#e2ce14d7fe3a559f7444e9ecfe8231ea8373f912"
   integrity sha512-jBlj70iBwOTvvImsU9t01LjFjy4sXEtclBovl3mTiqjz23Reu0DKnRza4zlLtOPACx6j2/7MrQIthIK1Wi+LIA==
 
+react-transition-group@^4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.2.tgz#8b59a56f09ced7b55cbd53c36768b922890d5470"
+  integrity sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    dom-helpers "^5.0.1"
+    loose-envify "^1.4.0"
+    prop-types "^15.6.2"
+
 react-unleash-flags@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/react-unleash-flags/-/react-unleash-flags-1.3.0.tgz#1c5ca7e425bc5876d9b15814e3b600a46b86d9ee"