From 52962ed65d9e8f64916e6bc0e8c032642a67fcc8 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Sun, 2 Oct 2022 21:40:49 +0530
Subject: [PATCH] fix: text wrapping in notes list panel title

---
 .../Components/ContentListView/Header/ContentListHeader.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx b/packages/web/src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx
index 8f274f98f..11dcba6f9 100644
--- a/packages/web/src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx
@@ -36,9 +36,9 @@ const ContentListHeader = ({
   }, [])
 
   return (
-    <div className="section-title-bar-header items-start gap-1">
+    <div className="section-title-bar-header items-start gap-1 overflow-hidden">
       <NavigationMenuButton />
-      <div className="flex flex-grow flex-col">
+      <div className="flex min-w-0 flex-grow flex-col break-words">
         <div className="text-lg font-semibold text-text">{panelTitle}</div>
         {optionsSubtitle && <div className="text-xs text-passive-0">{optionsSubtitle}</div>}
       </div>