diff --git a/clients/search-component/src/TrieveModal/Chat/Carousel.tsx b/clients/search-component/src/TrieveModal/Chat/Carousel.tsx
index b3704d1c3..354566c4b 100644
--- a/clients/search-component/src/TrieveModal/Chat/Carousel.tsx
+++ b/clients/search-component/src/TrieveModal/Chat/Carousel.tsx
@@ -82,7 +82,7 @@ export const Carousel = ({ children }: { children: React.ReactNode }) => {
   return (
     <div className="carousel-root">
       <ul className="carousel-scroll" ref={scrollRef}>
-        {allProductsCarousel.filter((child) => child).map((child, index) => (
+        {allProductsCarousel.map((child, index) => child ? (
           <li
             className="carousel-item"
             style={{
@@ -92,7 +92,7 @@ export const Carousel = ({ children }: { children: React.ReactNode }) => {
           >
             {child}
           </li>
-        ))}
+        ) : null)}
       </ul>
       {numPages > 1 && (
         <div className="carousel-controls">