diff --git a/packages/app/src/components/quick-search/noResult.svg b/packages/app/src/components/quick-search/noResult.svg
deleted file mode 100644
index 7412a1b1f0..0000000000
--- a/packages/app/src/components/quick-search/noResult.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-
diff --git a/packages/app/src/components/quick-search/noResultSVG.tsx b/packages/app/src/components/quick-search/noResultSVG.tsx
new file mode 100644
index 0000000000..16aabb73d9
--- /dev/null
+++ b/packages/app/src/components/quick-search/noResultSVG.tsx
@@ -0,0 +1,95 @@
+export const NoResultSVG = () => {
+ return (
+
+ );
+};
diff --git a/packages/app/src/components/quick-search/results.tsx b/packages/app/src/components/quick-search/results.tsx
index 8cf3d2591a..4252943207 100644
--- a/packages/app/src/components/quick-search/results.tsx
+++ b/packages/app/src/components/quick-search/results.tsx
@@ -9,8 +9,7 @@ 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 noResultSVG from './noResult.svg';
+import { NoResultSVG } from './noResultSVG';
import { usePageHelper } from '@/hooks/use-page-helper';
export const Results = (props: {
query: string;
@@ -76,12 +75,7 @@ export const Results = (props: {
) : (
Find 0 result
-
+
)
) : (