@@ -102,8 +102,9 @@ export default function Ecosystem({
102102 </>
103103 )}
104104 <div
105− className={classnames("grid grid-cols-2 gap-12 w-full", {
106− "md:grid-cols-3": type !== "podcasts",
105+ className={classnames("grid gap-12 w-full", {
106+ "grid-cols-2 md:grid-cols-3": type !== "podcasts",
107+ "grid-cols-1 lg:grid-cols-2": type === "podcasts",
107108 hidden: type === undefined,
108109 })}
109110 >
@@ -148,9 +149,11 @@ export default function Ecosystem({
148149 <Link href={`/podcasts/${pod.slug}`}>
149150 <div className="flex cursor-pointer space-x-4 items-center">
150151 <img className="w-36" src={pod.image} />
151− <div className="flex flex-col space-y-4">
152+ <div className="flex flex-col space-y-4 min-w-0">
152153 <p className="font-bold">{pod.podcast}</p>
153− <p>{pod.title}</p>
154+ <p className="truncate min-w-0 min-h-0">
155+ {pod.title}
156+ </p>
154157 <p className="text-wall-400">{pod.date}</p>
155158 </div>
156159 </div>