diff --git a/pages/index.tsx b/pages/index.tsx
index 4cf03b6863..b19fbef8be 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -103,8 +103,8 @@ export default function Home(props) {
                         <div className="min-w-0 flex-1 sm:flex sm:items-center sm:justify-between">
                           <div className="truncate">
                             <div className="flex text-sm">
-                              <p className="font-medium text-blue-600 truncate">{type.title}</p>
-                              <p className="ml-1 flex-shrink-0 font-normal text-gray-500">
+                              <p className="flex-shrink-0 font-medium text-blue-600 truncate">{type.title}</p>
+                              <p className="ml-1 font-normal text-gray-500 truncate">
                                 in {type.description}
                               </p>
                             </div>