diff --git a/src/app/components/archive-viewer/archive-viewer.component.html b/src/app/components/archive-viewer/archive-viewer.component.html
index b51bca3..93f1978 100644
--- a/src/app/components/archive-viewer/archive-viewer.component.html
+++ b/src/app/components/archive-viewer/archive-viewer.component.html
@@ -1,7 +1,7 @@
 <mat-form-field class="filter">
   <mat-icon matPrefix>search</mat-icon>
   <mat-label i18n="Filter">Filter</mat-label>
-  <input matInput (keyup)="applyFilter($event)" #input>
+  <input matInput [(ngModel)]="text_filter" (keyup)="applyFilter($event)" #input>
 </mat-form-field>
 
 <div [hidden]="!(archives && archives.length > 0)">
diff --git a/src/app/components/archive-viewer/archive-viewer.component.ts b/src/app/components/archive-viewer/archive-viewer.component.ts
index bb09e6f..cb01169 100644
--- a/src/app/components/archive-viewer/archive-viewer.component.ts
+++ b/src/app/components/archive-viewer/archive-viewer.component.ts
@@ -23,6 +23,7 @@ export class ArchiveViewerComponent {
   // general
   archives = null;
   archives_retrieved = false;
+  text_filter = '';
   sub_id = 'none';
   upload_sub_id = 'none';
   type: FileType | 'both' = 'both';
@@ -78,11 +79,15 @@ export class ArchiveViewerComponent {
 
   typeFilterSelectionChanged(value): void {
     this.type = value;
+    this.dataSource.filter = '';
+    this.text_filter = '';
     this.getArchives();
   }
 
   subFilterSelectionChanged(value): void {
     this.sub_id = value;
+    this.dataSource.filter = '';
+    this.text_filter = '';
     if (this.sub_id !== 'none') {
       this.type = this.postsService.getSubscriptionByID(this.sub_id)['type'];
     }