diff --git a/app/views/workflow-ui/job/index.mustache.html b/app/views/workflow-ui/job/index.mustache.html
index db7ef8163..0f35f57ef 100644
--- a/app/views/workflow-ui/job/index.mustache.html
+++ b/app/views/workflow-ui/job/index.mustache.html
@@ -54,7 +54,7 @@
             </div>
         </div>
     </nav>
-    <div class="container-fluid content">
+    <div id="content" class="container-fluid">
         <div class="row pb-4">
             <div class="col-2">
                 <form id="work-items-query-form" action="./{{job.jobID}}" method="get" class="sticky-top pt-2 t-40">
diff --git a/app/views/workflow-ui/jobs/index.mustache.html b/app/views/workflow-ui/jobs/index.mustache.html
index abd62d0bf..c7061acad 100644
--- a/app/views/workflow-ui/jobs/index.mustache.html
+++ b/app/views/workflow-ui/jobs/index.mustache.html
@@ -41,7 +41,7 @@
             <li class="breadcrumb-item active" aria-current="page">Jobs</li>
         </ol>
     </nav>
-    <div class="container-fluid content">
+    <div id="content" class="container-fluid">
         <div class="row pb-4">
             <div class="col-2">
                 <form id="jobs-query-form" action="./workflow-ui" method="get" class="sticky-top pt-2 t-40">
diff --git a/public/css/workflow-ui/default.css b/public/css/workflow-ui/default.css
index ec40f1d6e..7c737249d 100644
--- a/public/css/workflow-ui/default.css
+++ b/public/css/workflow-ui/default.css
@@ -13,7 +13,7 @@ body {
     height: fit-content;
 }
 
-.content {
+#content {
     /* Pushes the footer to the bottom of the viewport */
     min-height: calc(100vh - 180px);
 }