From 0a3a2a5985bb59f7fdf0c69dfc91932f4352a3c9 Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Thu, 27 Feb 2025 10:30:54 +0100
Subject: [PATCH] feat: Improve Chapter Header Responsiveness and Text Handling

---
 .../orgs/[orgslug]/(withmenu)/course/[courseuuid]/course.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/orgs/[orgslug]/(withmenu)/course/[courseuuid]/course.tsx b/apps/web/app/orgs/[orgslug]/(withmenu)/course/[courseuuid]/course.tsx
index bdb133f6..178e4e04 100644
--- a/apps/web/app/orgs/[orgslug]/(withmenu)/course/[courseuuid]/course.tsx
+++ b/apps/web/app/orgs/[orgslug]/(withmenu)/course/[courseuuid]/course.tsx
@@ -163,8 +163,8 @@ const CourseClient = (props: any) => {
                   return (
                     <div key={chapter} className="">
                       <div className="flex text-lg py-4 px-4 outline outline-1 outline-neutral-200/40 font-bold bg-neutral-50 text-neutral-600 items-center">
-                        <h3 className="grow">{chapter.name}</h3>
-                        <p className="text-sm font-normal text-neutral-400 px-3 py-[2px] outline-1 outline outline-neutral-200 rounded-full ">
+                        <h3 className="grow mr-3 break-words">{chapter.name}</h3>
+                        <p className="text-sm font-normal text-neutral-400 px-3 py-[2px] outline-1 outline outline-neutral-200 rounded-full whitespace-nowrap flex-shrink-0">
                           {chapter.activities.length} Activities
                         </p>
                       </div>