diff --git a/src/khoj/interface/web/chat.html b/src/khoj/interface/web/chat.html
index b9122b3e..ced34ca7 100644
--- a/src/khoj/interface/web/chat.html
+++ b/src/khoj/interface/web/chat.html
@@ -901,14 +901,8 @@ To get started, just start typing below. You can also type / to see a list of co
                         // Display indexing success message
                         flashStatusInChatInput("✅ File indexed successfully");
                         renderAllFiles();
-                        //get the selected-files ul first
-                        var selectedFiles = document.getElementsByClassName("selected-files")[0];
-                        const escapedFileName = fileName.replace(/\./g, '\\.');
-                        const newFile = selectedFiles.querySelector(`#${escapedFileName}`);
-                        if(!newFile){
-                            addFileFilterToConversation(fileName);
-                            loadFileFiltersFromConversation();
-                        }
+                        addFileFilterToConversation(fileName);
+                        loadFileFiltersFromConversation();
                     })
                     .catch((error) => {
                         console.log(error);
@@ -1841,11 +1835,12 @@ To get started, just start typing below. You can also type / to see a list of co
                 allFiles = data;
                 var nofilesmessage = document.getElementsByClassName("no-files-message")[0];
                 if(allFiles.length === 0){
-                    nofilesmessage.innerHTML = "No files found. Visit ";
-                    nofilesmessage.innerHTML += "<a href=\"https://docs.khoj.dev/category/clients/\">Documentation</a>"
+                    nofilesmessage.innerHTML = `<a class="inline-chat-link" href="https://docs.khoj.dev/category/clients/">How to upload files</a>`;
+                    document.getElementById("file-toggle-button").style.display = "none";
                 }
                 else{
                     nofilesmessage.innerHTML = "";
+                    document.getElementById("file-toggle-button").style.display = "block";
                 }
             })
             .catch((error) => {
@@ -2076,7 +2071,7 @@ To get started, just start typing below. You can also type / to see a list of co
                     <div style="border-top: 1px solid black; ">
                         <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; margin-top: 5px;">
                             <p style="margin: 0;">Files</p>
-                            <svg class="file-toggle-button" style="width:20px; height:20px; position: relative; top: 2px" viewBox="0 0 40 40" fill="#000000" xmlns="http://www.w3.org/2000/svg">
+                            <svg id="file-toggle-button" class="file-toggle-button" style="width:20px; height:20px; position: relative; top: 2px" viewBox="0 0 40 40" fill="#000000" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M16 0c-8.836 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 30.032c-7.72 0-14-6.312-14-14.032s6.28-14 14-14 14 6.28 14 14-6.28 14.032-14 14.032zM23 15h-6v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1v6h-6c-0.552 0-1 0.448-1 1s0.448 1 1 1h6v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6h6c0.552 0 1-0.448 1-1s-0.448-1-1-1z"></path>
                             </svg>
                         </div>
@@ -2261,8 +2256,7 @@ To get started, just start typing below. You can also type / to see a list of co
             border: 1px solid var(--primary-hover);
             margin-bottom: 4px;
             margin-top: 4px;
-            padding-top: 4px;
-            padding-bottom: 4px;
+            padding: 4px;
         }
 
         li.fileName:hover {