diff --git a/Client/src/pages/FilterNotes.jsx b/Client/src/pages/FilterNotes.jsx
index 1803cab..97564ed 100644
--- a/Client/src/pages/FilterNotes.jsx
+++ b/Client/src/pages/FilterNotes.jsx
@@ -103,17 +103,17 @@ function FilterNotes() {
                         subjectsForYear.map((note) => (
                             <div
                                 key={note.subject}
-                                className="mx-10 flex justify-between items-center w-full p-4 border-2 border-gray-300 mb-2 rounded-lg shadow-md transition-transform transform hover:scale-105"
+                                className="mx-10 flex md:flex-row flex-col justify-between items-start md:items-center w-full p-4 border-2 border-gray-300 mb-2 rounded-lg shadow-md transition-transform transform hover:scale-105"
                             >
                                 <a
                                     href={note.notesLink}
                                     target="_blank"
                                     rel="noopener noreferrer"
-                                    className="text-white font-semibold hover:underline"
+                                    className="text-white font-semibold hover:underline text-base md:text-lg"
                                 >
                                     {note.subject}
                                 </a>
-                                <p className="flex items-center text-gray-600 gap-2">
+                                <p className="flex items-center text-gray-400 gap-2 mt-2 md:mt-0 text-sm md:text-base">
                                     <GoPerson className="mt-1" />
                                     {note.author}
                                 </p>
diff --git a/Client/src/pages/delete.jsx b/Client/src/pages/delete.jsx
index 0cbd1e0..1187383 100644
--- a/Client/src/pages/delete.jsx
+++ b/Client/src/pages/delete.jsx
@@ -55,7 +55,9 @@ const DeleteNote = () => {
         try {
             const response = await fetch(`https://scholarstation.onrender.com/notes/${id}`, { method: 'DELETE' });
             if (!response.ok) throw new Error("Error deleting note.");
-            setNotes(notes.filter(note => note.id !== id));
+            
+            // After deletion, update the notes state by filtering out the deleted note
+            setNotes(prevNotes => prevNotes.filter(note => note.id !== id));
         } catch (err) {
             setError("Error deleting note.");
             console.error(err);