diff --git a/apps/app/components/pages/create-update-block-inline.tsx b/apps/app/components/pages/create-update-block-inline.tsx
index dbbe54696..b5f36722f 100644
--- a/apps/app/components/pages/create-update-block-inline.tsx
+++ b/apps/app/components/pages/create-update-block-inline.tsx
@@ -148,15 +148,15 @@ export const CreateUpdateBlockInline: React.FC<Props> = ({
 
   useEffect(() => {
     window.addEventListener("keydown", (e: KeyboardEvent) => {
-      if (e.key === "Escape") onClose();
+      if (e.key === "Escape") handleClose();
     });
 
     return () => {
       window.removeEventListener("keydown", (e: KeyboardEvent) => {
-        if (e.key === "Escape") onClose();
+        if (e.key === "Escape") handleClose();
       });
     };
-  }, [onClose]);
+  }, [handleClose]);
 
   return (
     <div className="border rounded-[10px] p-2 ml-6">
diff --git a/apps/app/components/pages/single-page-detailed-item.tsx b/apps/app/components/pages/single-page-detailed-item.tsx
index b07b87f89..e53a1c78b 100644
--- a/apps/app/components/pages/single-page-detailed-item.tsx
+++ b/apps/app/components/pages/single-page-detailed-item.tsx
@@ -50,9 +50,9 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
   const { workspaceSlug, projectId } = router.query;
 
   return (
-    <Link href={`/${workspaceSlug}/projects/${projectId}/pages/${page.id}`}>
-      <a>
-        <div className="relative rounded border p-4">
+    <div className="relative first:rounded-t last:rounded-b border">
+      <Link href={`/${workspaceSlug}/projects/${projectId}/pages/${page.id}`}>
+        <a className="block p-4">
           <div className="flex items-center justify-between gap-2">
             <div className="flex items-center gap-2">
               <p className="mr-2 truncate text-sm font-medium">{truncateText(page.name, 75)}</p>
@@ -157,26 +157,13 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
               </CustomMenu>
             </div>
           </div>
-          <div className="relative mt-6 space-y-2 text-sm text-gray-600">
-            <div className="page-block-section -m-4 -mt-6">
-              {page.blocks.length > 0 ? (
-                <RemirrorRichTextEditor
-                  value={
-                    !page.blocks[0].description ||
-                    (typeof page.blocks[0].description === "object" &&
-                      Object.keys(page.blocks[0].description).length === 0)
-                      ? page.blocks[0].description_html
-                      : page.blocks[0].description
-                  }
-                  editable={false}
-                  customClassName="text-gray-500"
-                  noBorder
-                />
-              ) : null}
-            </div>
+          <div className="relative mt-2 space-y-2 text-sm text-gray-600">
+            {page.blocks.length > 0
+              ? page.blocks.slice(0, 3).map((block) => <h4>{block.name}</h4>)
+              : null}
           </div>
-        </div>
-      </a>
-    </Link>
+        </a>
+      </Link>
+    </div>
   );
 };
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx b/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
index 29cdede37..c840b40d1 100644
--- a/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
+++ b/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
@@ -477,7 +477,7 @@ const SinglePage: NextPage<UserAuth> = (props) => {
                 {!createBlockForm && (
                   <button
                     type="button"
-                    className="flex items-center gap-1 rounded bg-gray-100 px-2.5 py-1 text-xs hover:bg-gray-200 mt-4"
+                    className="flex items-center gap-1 rounded bg-gray-100 px-2.5 py-1 ml-6 text-xs hover:bg-gray-200 mt-4"
                     onClick={handleNewBlock}
                   >
                     <PlusIcon className="h-3 w-3" />
@@ -485,7 +485,7 @@ const SinglePage: NextPage<UserAuth> = (props) => {
                   </button>
                 )}
                 {createBlockForm && (
-                  <div ref={scrollToRef}>
+                  <div className="mt-4" ref={scrollToRef}>
                     <CreateUpdateBlockInline
                       handleClose={() => setCreateBlockForm(false)}
                       focus="name"