Slightly odd text spacing

{featured_jobs.map((job) => (
        <div
          key={job.id}
          className="border border-neutral-200 rounded p-4 hover:border-talgach-green hover:bg-green-50 transition duration-300 cursor-pointer"
        >
          <div className="flex">
            <Image
              src={job.icon}
              alt={`${job.hiring_company} logo`}
              className="w-6 h-min rounded"
            />

            <div className="ml-4">
              <p className="text-sm font-medium">{job.role}</p>
              <p className="text-xs text-neutral-700">{job.hiring_company}</p>
            </div>
          </div>

          <div className="flex items-center gap-x-1">
            {job.tags.map((tag) => (
              <span
                key={tag.id}
                className="text-[10px] text-neutral-600 border border-neutral-300 rounded-full px-2 py-0.5 mt-3 text-nowrap"
              >
                {tag.label}
              </span>
            ))}
          </div>
        </div>
      ))}