y>
    </table>
  </div>
{% endmacro jobs_table -%}

{% macro mobile_job_card(job, kind = &"live") -%}
  <div class="border border-stone-200 bg-white rounded-lg p-5">
    <div class="flex justify-between items-center">
      {# Comapny -#}
      <div class="text-stone-500 leading-[0.7rem] text-[0.7rem] uppercase font-semibold truncate">
        {{ job.employer.company }}
      </div>
      {# End company -#}

      {# Created -#}
      <div class="truncate leading-[0.7rem] w-[50px] text-[0.7rem] font-semibo