diff --git a/ckanext/harvest/templates_new/snippets/job_details.html b/ckanext/harvest/templates_new/snippets/job_details.html
index 27daeff..a2bf26b 100644
--- a/ckanext/harvest/templates_new/snippets/job_details.html
+++ b/ckanext/harvest/templates_new/snippets/job_details.html
@@ -51,7 +51,7 @@ Example:
   <tr>
     <th>{{ _('Created') }}</th>
     <td>
-        <span class="datetime" data-datetime="{{ h.render_datetime(job.created, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
+        <span class="automatic-local-datetime" data-datetime="{{ h.render_datetime(job.created, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
             {{ h.render_datetime(job.created, with_hours=True) }}
         </span>
     </td>
@@ -59,7 +59,7 @@ Example:
   <tr>
     <th>{{ _('Started') }}</th>
     <td>
-        <span class="datetime" data-datetime="{{ h.render_datetime(job.gather_started, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
+        <span class="automatic-local-datetime" data-datetime="{{ h.render_datetime(job.gather_started, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
             {{ h.render_datetime(job.gather_started, with_hours=True) }}
         </span>
     </td>
@@ -67,7 +67,7 @@ Example:
   <tr>
     <th>{{ _('Finished') }}</th>
     <td>
-        <span class="datetime" data-datetime="{{ h.render_datetime(job.finished, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
+        <span class="automatic-local-datetime" data-datetime="{{ h.render_datetime(job.finished, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
             {{ h.render_datetime(job.finished, with_hours=True) }}
         </span>
     </td>
diff --git a/ckanext/harvest/templates_new/source/job/list.html b/ckanext/harvest/templates_new/source/job/list.html
index c147167..aefd494 100644
--- a/ckanext/harvest/templates_new/source/job/list.html
+++ b/ckanext/harvest/templates_new/source/job/list.html
@@ -26,12 +26,12 @@
             </h3>
             <p>
               {{ _('Started:') }}
-              <span class="datetime" data-datetime="{{ h.render_datetime(job.gather_started, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
+              <span class="automatic-local-datetime" data-datetime="{{ h.render_datetime(job.gather_started, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
                 {{ h.render_datetime(job.gather_started, with_hours=True) or _('Not yet') }}
               </span>
               &mdash;
               {{ _('Finished:') }}
-              <span class="datetime" data-datetime="{{ h.render_datetime(job.finished, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
+              <span class="automatic-local-datetime" data-datetime="{{ h.render_datetime(job.finished, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
                 {{ h.render_datetime(job.finished, with_hours=True) or _('Not yet') }}
               </span>
             </p>