diff --git a/src/common/playlists/PlayList.jsx b/src/common/playlists/PlayList.jsx
index 483c7cfee9..c4bf68fdea 100644
--- a/src/common/playlists/PlayList.jsx
+++ b/src/common/playlists/PlayList.jsx
@@ -1,10 +1,17 @@
 import { useSearchFilter } from "common/search/hooks/useSearchFilter";
 import PlayThumbnail from "./PlayThumbnail";
 
-import './playlist.css';
+import "./playlist.css";
 
 const PlayList = () => {
   const plays = useSearchFilter();
+  if (plays.length === 0) {
+    return (
+        <div className="play-not-found">
+          <h2>Play Not Found</h2>
+        </div>
+    );
+  }
   return (
     <>
       <ol className="list-plays">
@@ -13,6 +20,7 @@ const PlayList = () => {
         ))}
       </ol>
     </>
-  )};
+  );
+};
 
 export default PlayList;