diff --git a/components/search/Search.tsx b/components/search/Search.tsx
index a1e9079..a0aef05 100644
--- a/components/search/Search.tsx
+++ b/components/search/Search.tsx
@@ -62,7 +62,7 @@ const LoadingState = () => {
                 <img
                     src="/loading.gif"
                     alt="loading gif"
-                    className="flex h-16 w-16 justify-center opacity-60"
+                    className="pointer-events-none flex h-16 w-16 justify-center opacity-60"
                 />
             </div>
             <div className="flex justify-center">Loading...</div>
@@ -77,7 +77,7 @@ const ErrorState = () => {
                 <img
                     src="/error.png"
                     alt="error"
-                    className="flex w-[500px] justify-center"
+                    className="pointer-events-none flex w-[500px] justify-center"
                 />
             </div>
             <div className="flex justify-center">An error occurred...</div>
diff --git a/components/search/SearchResults.tsx b/components/search/SearchResults.tsx
index db05f16..61437d7 100644
--- a/components/search/SearchResults.tsx
+++ b/components/search/SearchResults.tsx
@@ -137,7 +137,7 @@ const SearchResults = (props: SearchResultsProps) => {
                             <img
                                 src="/no_results.png"
                                 alt="no results"
-                                className="flex w-[500px] justify-center"
+                                className="pointer-events-none flex w-[500px] justify-center"
                             />
                         </div>
                         <div className="flex w-full flex-col justify-center gap-y-2 text-center">