diff --git a/fe/src/components/search/SearchResultItem.tsx b/fe/src/components/search/SearchResultItem.tsx
index 4678472..9377b7f 100644
--- a/fe/src/components/search/SearchResultItem.tsx
+++ b/fe/src/components/search/SearchResultItem.tsx
@@ -44,7 +44,7 @@ const SearchResultItem = ({
         {year.substring(0, 4)}
       </div>
       <div className="search-result-item-title">
-         {title}
+        {title.length > 40 ? `${title.substring(0, 40)}...` : title}
       </div>
       <div className="search-result-item-action">
         {Object.values(itemStatusInLibrary)[Math.floor(Math.random() * Object.values(itemStatusInLibrary).length)]}