diff --git a/packages/app/src/components/quick-search/jungle-searching.png b/packages/app/src/components/quick-search/jungle-searching.png
new file mode 100644
index 0000000000..0d71bb88bd
Binary files /dev/null and b/packages/app/src/components/quick-search/jungle-searching.png differ
diff --git a/packages/app/src/components/quick-search/results.tsx b/packages/app/src/components/quick-search/results.tsx
index 9a3b2723f3..2b0bd7edee 100644
--- a/packages/app/src/components/quick-search/results.tsx
+++ b/packages/app/src/components/quick-search/results.tsx
@@ -9,6 +9,8 @@ import { config } from './config';
 import { useGoToPage } from '@/providers/app-state-provider/hooks';
 import { usePageList } from '@/providers/app-state-provider/usePageList';
 import { useLoadWorkspace } from '@/providers/app-state-provider/hooks';
+import NextImage from 'next/image';
+import noResultImage from './jungle-searching.png';
 export const Results = (props: {
   query: string;
   loading: boolean;
@@ -72,6 +74,12 @@ export const Results = (props: {
         ) : (
           <StyledNotFound>
             <span>Find 0 result</span>
+            <NextImage
+              alt="no result"
+              src={noResultImage}
+              width={150}
+              height={150}
+            ></NextImage>
           </StyledNotFound>
         )
       ) : (