diff --git a/apps/web/src/views/home.js b/apps/web/src/views/home.js
index 3d0b5f236..4a0f5cccc 100644
--- a/apps/web/src/views/home.js
+++ b/apps/web/src/views/home.js
@@ -5,6 +5,7 @@ import Note from "../components/note";
 import { useStore, store } from "../stores/note-store";
 import { useStore as useEditorStore } from "../stores/editor-store";
 import ListContainer from "../components/list-container";
+import NotesPlaceholder from "../components/placeholders/notesplacholder";
 
 function Home() {
   useEffect(() => store.refresh(), []);
@@ -18,6 +19,7 @@ function Home() {
       item={(index, item) => (
         <Note index={index} pinnable={false} item={item} />
       )}
+      placeholder={NotesPlaceholder}
       button={{ content: "Make a new note", onClick: () => newSession() }}
     >
       <GroupList