diff --git a/frontend/src/documents/DocumentsList.jsx b/frontend/src/documents/DocumentsList.jsx
index 0ce3783..88be6b0 100644
--- a/frontend/src/documents/DocumentsList.jsx
+++ b/frontend/src/documents/DocumentsList.jsx
@@ -48,6 +48,7 @@ const DocumentsList = ({
   onCorrespondentClick,
   activeCorrespondentIdSet,
   scrollRef,
+  onClearSelection,
 }) => {
   const {
     editingId: editingDocumentId,
@@ -84,7 +85,11 @@ const DocumentsList = ({
 
   return (
   <table aria-multiselectable="true">
-    <thead>
+    <thead
+      onClick={() => {
+        onClearSelection?.();
+      }}
+    >
       <tr>
         <th className="thumb-column"></th>
         <th>Name</th>