diff --git a/frontend/app/projects/controller.js b/frontend/app/projects/controller.js
index 0210eef9c..73a1f98fc 100644
--- a/frontend/app/projects/controller.js
+++ b/frontend/app/projects/controller.js
@@ -18,6 +18,7 @@ export default class ProjectsController extends Controller {
   @tracked selectedCustomer;
   @tracked selectedProject;
   @tracked selectedTask;
+  @tracked hideArchivedTasks = false;
 
   @lastValue("fetchProjectsByUser") projects;
 
diff --git a/frontend/app/projects/template.hbs b/frontend/app/projects/template.hbs
index 829e8a92c..9bff940c2 100644
--- a/frontend/app/projects/template.hbs
+++ b/frontend/app/projects/template.hbs
@@ -101,6 +101,12 @@
             >Add Task</button>
           </span>
         </h3>
+        <SyCheckbox
+          data-test-show-archived
+          @checked={{this.hideArchivedTasks}}
+          @value={{this.hideArchivedTasks}}
+          @onChange={{fn (mut this.hideArchivedTasks)}}
+        >Hide Archived Tasks</SyCheckbox>
         <ScrollContainer>
           <table
             class="table table--striped table--projects"
@@ -128,6 +134,7 @@
             </thead>
             <tbody>
               {{#each this.tasks as |task|}}
+                {{#unless (and this.hideArchivedTasks task.archived)}}
                 <tr
                   class="pointer {{if (eq this.selectedTask task) 'selected'}}"
                   {{! template-lint-disable }}
@@ -158,6 +165,7 @@
                       @checked={{task.archived}}
                     /></td>
                 </tr>
+                {{/unless}}
               {{/each}}
             </tbody>
           </table>