diff --git a/src/components/content/carousels/templates/CourseTemplate.js b/src/components/content/carousels/templates/CourseTemplate.js
index e3f426e..ccfabf6 100644
--- a/src/components/content/carousels/templates/CourseTemplate.js
+++ b/src/components/content/carousels/templates/CourseTemplate.js
@@ -79,7 +79,7 @@ export function CourseTemplate({ course }) {
         </CardHeader>
       </div>
       <CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-center`}>
-        <div className="flex flex-wrap gap-2">
+        <div className="flex flex-wrap gap-2 max-w-[70%]">
           {course && course.topics && course.topics.map((topic, index) => (
             <Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
               {topic}
@@ -95,9 +95,9 @@ export function CourseTemplate({ course }) {
           WebkitBoxOrient: "vertical",
           WebkitLineClamp: "2"
         }}>
-        <div className="w-full flex flex-row justify-between items-start max-w-[100%]">
+        <div className="w-full flex flex-row justify-between items-start">
           <p className="line-clamp-2 break-words">{(course.summary || course.description)?.split('\n').map((line, index) => (
-            <span key={index}>{line}</span>
+            <span className="break-words max-w-[70%]" 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 a243abe..e25468f 100644
--- a/src/components/content/carousels/templates/DocumentTemplate.js
+++ b/src/components/content/carousels/templates/DocumentTemplate.js
@@ -68,7 +68,7 @@ export function DocumentTemplate({ document }) {
                 </CardHeader>
             </div>
             <CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-center`}>
-                <div className="flex flex-wrap gap-2">
+                <div className="flex flex-wrap gap-2 max-w-[70%]">
                     {document?.topics?.map((topic, index) => (
                         <Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
                             {topic}
@@ -84,9 +84,9 @@ export function DocumentTemplate({ document }) {
                     WebkitBoxOrient: "vertical",
                     WebkitLineClamp: "2"
             }}>
-                <div className="w-full flex flex-row justify-between items-start max-w-[100%]">
+                <div className="w-full flex flex-row justify-between items-start">
                     <p className="line-clamp-2 break-words">{(document.summary || document.description)?.split('\n').map((line, index) => (
-                        <span key={index}>{line}</span>
+                        <span className="break-words max-w-[70%]" 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 b4f2fdb..9320aee 100644
--- a/src/components/content/carousels/templates/VideoTemplate.js
+++ b/src/components/content/carousels/templates/VideoTemplate.js
@@ -69,7 +69,7 @@ export function VideoTemplate({ video }) {
                 </CardHeader>
             </div>
             <CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-center`}>
-                <div className="flex flex-wrap gap-2">
+                <div className="flex flex-wrap gap-2 max-w-[70%]">
                     {video?.topics?.map((topic, index) => (
                         <Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
                             {topic}
@@ -85,9 +85,9 @@ export function VideoTemplate({ video }) {
                     WebkitBoxOrient: "vertical",
                     WebkitLineClamp: "2"
             }}>
-                <div className="w-full flex flex-row justify-between items-start max-w-[100%]">
+                <div className="w-full flex flex-row justify-between items-start">
                     <p className="line-clamp-2 break-words max-w-[70%]">{(video.summary || video.description)?.split('\n').map((line, index) => (
-                        <span key={index}>{line}</span>
+                        <span className="break-words" key={index}>{line}</span>
                     ))}</p>
                     <div className="flex flex-col items-end">
                         {