diff --git a/src/components/content/carousels/templates/CourseTemplate.js b/src/components/content/carousels/templates/CourseTemplate.js
index 548be2d..2dcac80 100644
--- a/src/components/content/carousels/templates/CourseTemplate.js
+++ b/src/components/content/carousels/templates/CourseTemplate.js
@@ -96,7 +96,7 @@ export function CourseTemplate({ course }) {
           WebkitLineClamp: "2"
         }}>
         <div className="w-full flex flex-row justify-between items-start max-w-[100%]">
-          <p className="line-clamp-2">{(course.summary || course.description)?.split('\n').map((line, index) => (
+          <p className="line-clamp-2 break-words max-w-[60%]">{(course.summary || course.description)?.split('\n').map((line, index) => (
             <span key={index}>{line}</span>
           ))}</p>
           <div className="flex flex-col items-end">
diff --git a/src/components/content/carousels/templates/DocumentTemplate.js b/src/components/content/carousels/templates/DocumentTemplate.js
index 1a68f54..b85b05c 100644
--- a/src/components/content/carousels/templates/DocumentTemplate.js
+++ b/src/components/content/carousels/templates/DocumentTemplate.js
@@ -85,7 +85,7 @@ export function DocumentTemplate({ document }) {
                     WebkitLineClamp: "2"
             }}>
                 <div className="w-full flex flex-row justify-between items-start max-w-[100%]">
-                    <p className="line-clamp-2">{(document.summary || document.description)?.split('\n').map((line, index) => (
+                    <p className="line-clamp-2 break-words max-w-[60%]">{(document.summary || document.description)?.split('\n').map((line, index) => (
                         <span key={index}>{line}</span>
                     ))}</p>
                     <div className="flex flex-col items-end">
diff --git a/src/components/content/carousels/templates/VideoTemplate.js b/src/components/content/carousels/templates/VideoTemplate.js
index be994c1..7ab93aa 100644
--- a/src/components/content/carousels/templates/VideoTemplate.js
+++ b/src/components/content/carousels/templates/VideoTemplate.js
@@ -86,7 +86,7 @@ export function VideoTemplate({ video }) {
                     WebkitLineClamp: "2"
             }}>
                 <div className="w-full flex flex-row justify-between items-start max-w-[100%]">
-                    <p className="line-clamp-2">{(video.summary || video.description)?.split('\n').map((line, index) => (
+                    <p className="line-clamp-2 break-words max-w-[60%]">{(video.summary || video.description)?.split('\n').map((line, index) => (
                         <span key={index}>{line}</span>
                     ))}</p>
                     <div className="flex flex-col items-end">