diff --git a/src-ui/src/app/components/document-list/document-list.component.html b/src-ui/src/app/components/document-list/document-list.component.html
index c0f2332b4..03ce515cd 100644
--- a/src-ui/src/app/components/document-list/document-list.component.html
+++ b/src-ui/src/app/components/document-list/document-list.component.html
@@ -84,7 +84,7 @@
                   <path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"/>
                 </svg>
               </div>
-              <div>{{tag.name}}</div>
+              <div class="mr-1">{{tag.name}}</div>
               <div class="badge bg-primary text-light rounded-pill ml-auto">{{tag.document_count}}</div>
             </button>
           </ng-container>
@@ -104,7 +104,7 @@
                   <path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"/>
                 </svg>
               </div>
-              <div>{{correspondent.name}}</div>
+              <div class="mr-1">{{correspondent.name}}</div>
               <div class="badge bg-primary text-light rounded-pill ml-auto">{{correspondent.document_count}}</div>
             </button>
           </ng-container>
@@ -124,7 +124,7 @@
                   <path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"/>
                 </svg>
               </div>
-              <div>{{documentType.name}}</div>
+              <div class="mr-1">{{documentType.name}}</div>
               <div class="badge bg-primary text-light rounded-pill ml-auto">{{documentType.document_count}}</div>
             </button>
           </ng-container>
diff --git a/src-ui/src/app/components/document-list/document-list.component.scss b/src-ui/src/app/components/document-list/document-list.component.scss
index ee3736d3d..2513a1adc 100644
--- a/src-ui/src/app/components/document-list/document-list.component.scss
+++ b/src-ui/src/app/components/document-list/document-list.component.scss
@@ -1,7 +1,8 @@
 .quick-filter {
   min-width: 250px;
   max-height: 400px;
-
+  overflow-y: scroll;
+  
   .selected-icon {
     min-width: 1em;
     min-height: 1em;
diff --git a/src-ui/src/app/components/document-list/document-list.component.ts b/src-ui/src/app/components/document-list/document-list.component.ts
index 22ee6ca2d..91ccfb082 100644
--- a/src-ui/src/app/components/document-list/document-list.component.ts
+++ b/src-ui/src/app/components/document-list/document-list.component.ts
@@ -45,6 +45,9 @@ export class DocumentListComponent implements OnInit {
   tags: PaperlessTag[] = []
   correspondents: PaperlessCorrespondent[] = []
   documentTypes: PaperlessDocumentType[] = []
+  filterTagsText: string
+  filterCorrespondentsText: string
+  filterDocumentTypesText: string
 
   @ViewChild(FilterEditorComponent) filterEditor;