src/pages/Directory/NotesPage.jsx

@@ -76,7 +76,7 @@ const NotesPage = ({ projectId, searchText, onExport }) => {
   if (isLoading) return <NoteCardSkeleton />;
 
   return (
-    <div className="d-flex flex-column text-start mt-3">
+    <div className="d-flex flex-column text-start mt-5">
       {data?.data?.length > 0 ? (
         <>
           {data.data.map((noteItem) => (
@@ -96,18 +96,12 @@ const NotesPage = ({ projectId, searchText, onExport }) => {
           </div>
         </>
       ) : (
-        // Card for "No notes available"
+        <div className="text-muted text-center mt-4">
-        <div
+          {debouncedSearch
-          className="card text-center d-flex align-items-center justify-content-center"
+            ? `No notes found matching "${searchText}"`
-          style={{ height: "200px" }}
+            : Object.keys(filters).some((k) => filters[k] && filters[k].length)
-        >
+            ? "No notes found for the applied filters."
-          <p className="text-muted mb-0">
+            : "No notes available."}
-            {debouncedSearch
-              ? `No notes found matching "${searchText}"`
-              : Object.keys(filters).some((k) => filters[k] && filters[k].length)
-              ? "No notes found for the applied filters."
-              : "No notes available."}
-          </p>
         </div>
       )}
     </div>