From 07072f74b0a7d2ae32c76c492c5f80c82605cb8a Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Fri, 20 May 2022 17:20:01 +0200
Subject: [PATCH] fix(ui): fix text overflow

---
 frontend/app/components/shared/SavedSearch/SavedSearch.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/app/components/shared/SavedSearch/SavedSearch.tsx b/frontend/app/components/shared/SavedSearch/SavedSearch.tsx
index bc1cfbb6f..2d9093c04 100644
--- a/frontend/app/components/shared/SavedSearch/SavedSearch.tsx
+++ b/frontend/app/components/shared/SavedSearch/SavedSearch.tsx
@@ -42,7 +42,9 @@ function SavedSearch(props) {
             <div className="flex items-center ml-2">
               <Icon name="search" size="14" />
               <span className="color-gray-medium px-1">Viewing:</span>
-              <span className="font-medium" style={{ whiteSpace: 'nowrap', width: '30%'}}>{savedSearch.name}</span>
+              <span className="font-medium" style={{ whiteSpace: 'nowrap', width: '30%' }}>
+                {savedSearch.name.length > 15 ? `${savedSearch.name.slice(0, 15)}...` : savedSearch.name}
+              </span>
             </div>
           )}
         </div>