diff --git a/taxonium_website/src/App.jsx b/taxonium_website/src/App.jsx
index 5688df37..a9cb4915 100644
--- a/taxonium_website/src/App.jsx
+++ b/taxonium_website/src/App.jsx
@@ -191,7 +191,13 @@ function App() {
                 )}
                 {window.screen.width >= 600 && (
                   <>
-                    <span className="font-medium ">{title}</span>
+                    <span
+                      className={`font-medium ${
+                        title.length > 12 ? "text-lg" : ""
+                      }`}
+                    >
+                      {title}
+                    </span>
                     <div className="flex flex-row mt-4">
                       <CgListTree className="h- ml-1 w-4 mr-1" />
                       <span className="text-xs ml-1">visualised with </span>