diff --git a/packages/app/src/components/page-list/empty.tsx b/packages/app/src/components/page-list/empty.tsx
index f995f71fb7..ef13e1b117 100644
--- a/packages/app/src/components/page-list/empty.tsx
+++ b/packages/app/src/components/page-list/empty.tsx
@@ -1,12 +1,17 @@
 import React from 'react';
-
-export const Empty = () => {
+import { Empty } from '@/ui/empty';
+export const PageListEmpty = () => {
   return (
     <div style={{ textAlign: 'center' }}>
+      <Empty
+        width={800}
+        height={300}
+        sx={{ marginTop: '100px', marginBottom: '30px' }}
+      />
       <p>Tips: Click Add to Favourites/Trash and the page will appear here.</p>
       <p>(Designer is grappling with designing)</p>
     </div>
   );
 };
 
-export default Empty;
+export default PageListEmpty;