diff --git a/batch/batch/front_end/templates/batch.html b/batch/batch/front_end/templates/batch.html
index 19f855895a4..1e0dadc8174 100644
--- a/batch/batch/front_end/templates/batch.html
+++ b/batch/batch/front_end/templates/batch.html
@@ -46,7 +46,7 @@
 
       {% call collapsible_li(true, 'Jobs', batch['n_jobs']) %}
       {{ kv_table({
-      'Pending': batch['n_jobs'] - batch['n_completed'],
+      'Incomplete (Blocked, Queued or Running)': batch['n_jobs'] - batch['n_completed'],
       'Succeeded': batch['n_succeeded'],
       'Failed': batch['n_failed'],
       'Cancelled': batch['n_cancelled']
diff --git a/batch/batch/front_end/templates/batches.html b/batch/batch/front_end/templates/batches.html
index 46bddd4342f..095c6605554 100644
--- a/batch/batch/front_end/templates/batches.html
+++ b/batch/batch/front_end/templates/batches.html
@@ -1,5 +1,5 @@
 {% from "table_search.html" import table_search with context %}
-{% from "utils.html" import batch_state_indicator, submit_button, link %}
+{% from "utils.html" import batch_state_indicator, submit_button, link, truncated_link %}
 {% extends "layout.html" %}
 {% block title %}Batches{% endblock %}
 {% block head %}
@@ -9,43 +9,42 @@
 <div class='flex-col m-auto w-full space-y-4'>
   <h1 class="text-2xl font-light">Batches</h1>
   {{ table_search("batch-search", base_path ~ "/batches") }}
-  <table class='table-auto w-full' id='batches'>
+  <table class='table-fixed w-full' id='batches'>
     <thead>
-      <th class='h-12 bg-slate-200 font-light text-md text-center rounded-tl rounded-tr md:rounded-tr-none'>
-        ID</th>
-      <th class='h-12 bg-slate-200 font-light text-md rounded-tr text-left md:rounded-tr-none'>Batch
-      </th>
-      <th class='h-12 bg-slate-200 font-light text-md text-left hidden lg:table-cell'>Billing Project</th>
-      <th class='h-12 bg-slate-200 font-light text-md text-left hidden lg:table-cell'>Job Statuses</th>
-      <th class='h-12 bg-slate-200 font-light text-md text-left hidden lg:table-cell'>Duration</th>
-      <th class='h-12 bg-slate-200 font-light text-md text-left hidden md:table-cell rounded-tr'>Cost</th>
+      <th class='h-12 bg-slate-200 font-light text-md rounded-tr text-left md:rounded-tr-none' style='width:1rem'></th>
+      <th class='h-12 bg-slate-200 font-light text-md text-center rounded-tl rounded-tr md:rounded-tr-none' style='width:6rem'>ID</th>
+      <th class='h-12 bg-slate-200 font-light text-md rounded-tr text-left md:rounded-tr-none'>Batch Name</th>
+      <th class='h-12 bg-slate-200 font-light text-md text-left hidden lg:table-cell' style='width:8rem'>Billing Project</th>
+      <th class='h-12 bg-slate-200 font-light text-md text-left hidden lg:table-cell' style='width:8rem'>Job Statuses</th>
+      <th class='h-12 bg-slate-200 font-light text-md text-left hidden lg:table-cell' style='width:12rem'>Created</th>
+      <th class='h-12 bg-slate-200 font-light text-md text-left hidden lg:table-cell' style='width:12rem'>Completed</th>
+      <th class='h-12 bg-slate-200 font-light text-md text-left hidden lg:table-cell' style='width:8rem'>Duration</th>
+      <th class='h-12 bg-slate-200 font-light text-md text-left hidden md:table-cell rounded-tr' style='width:6rem'>Cost</th>
     </thead>
     <tbody class='border border-collapse border-slate-50'>
       {% for batch in batches %}
       <tr class='border border-collapse hover:bg-slate-100'>
+        <td class='table-cell'>
+            {{ batch_state_indicator(batch) }}
+        </td>
         <td class='table-cell'>
           <div class='flex justify-center font-light'>
             {{ link(base_path ~ "/batches/" ~ batch['id'], batch['id']) }}
           </div>
         </td>
         <td class='table-cell'>
-          <div class='flex-col py-1 block overflow-x-auto'>
-            <div class='flex flex-col space-y-1 md:flex-row md:flex-wrap md:items-center md:space-y-0'>
-              {% if 'attributes' in batch and 'name' in batch['attributes'] %}
-              <div class='text-wrap pr-4'>
-                {{ link(base_path ~ "/batches/" ~ batch['id'], batch['attributes']['name']) }}
-              </div>
-              {% else %}
-              <div class='text-wrap pr-4 text-zinc-400 italic'>
-                {{ link(base_path ~ "/batches/" ~ batch['id'], 'no name') }}
-              </div>
-              {% endif %}
-              {{ batch_state_indicator(batch) }}
+          <div class='space-y-1 md:flex-row md:flex-wrap md:items-center md:space-y-0'>
+            {% if 'attributes' in batch and 'name' in batch['attributes'] %}
+              {{ truncated_link(base_path ~ "/batches/" ~ batch['id'], batch['attributes']['name']) }}
+            {% else %}
+            <div class='text-wrap pr-4 text-zinc-400 italic'>
+              {{ truncated_link(base_path ~ "/batches/" ~ batch['id'], 'no name') }}
             </div>
+            {% endif %}
           </div>
         </td>
         <td class='hidden lg:table-cell'>
-          <div class='font-light text-zinc-500'>{{ batch['billing_project'] }}</div>
+          <div class='font-light text-zinc-500 truncating-text'>{{ batch['billing_project'] }}</div>
         </td>
         <td class='hidden lg:table-cell overflow-hidden'>
           <div class='flex items-center font-light'>
@@ -65,6 +64,12 @@ <h1 class="text-2xl font-light">Batches</h1>
             {{ statuses|join(', ') }}
           </div>
         </td>
+        <td class='hidden lg:table-cell font-light'>
+          {{ batch.get('time_created') or '' }}
+        </td>
+        <td class='hidden lg:table-cell font-light'>
+          {{ batch.get('time_completed') or '--' }}
+        </td>
         <td class='hidden lg:table-cell font-light'>
           {{ batch.get('duration') or '' }}
         </td>
diff --git a/web_common/input.css b/web_common/input.css
index 80c2b553627..9a5f1bc942b 100644
--- a/web_common/input.css
+++ b/web_common/input.css
@@ -8,3 +8,11 @@
   left: 50vw;
   transform: translate(-50%, -50%);
 }
+
+.truncating-text {
+    text-wrap:nowrap;
+    white-space:nowrap;
+    text-overflow:ellipsis;
+    overflow:hidden;
+    x-overflow: hidden;
+}
diff --git a/web_common/web_common/templates/utils.html b/web_common/web_common/templates/utils.html
index 135e8c66947..1379483e2da 100644
--- a/web_common/web_common/templates/utils.html
+++ b/web_common/web_common/templates/utils.html
@@ -63,9 +63,13 @@
 
 
 {% macro link(href, text) %}
-<a class='block' href="{{ href }}">
-  <div class='hover:cursor-pointer hover:text-sky-600 hover:underline underline-offset-2'>
-    {{ text }}
-  </div>
+<a class='block hover:cursor-pointer hover:text-sky-600 hover:underline underline-offset-2' href="{{ href }}">
+  {{ text }}
+</a>
+{% endmacro %}
+
+{% macro truncated_link(href, text) %}
+<a class='block hover:cursor-pointer hover:text-sky-600 hover:underline underline-offset-2 truncating-text'  href="{{ href }}">
+  {{ text }}
 </a>
 {% endmacro %}