text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200 {% else %} bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200 {% endif %} ">
                      <i class="fas fa-star mr-1"></i> {{ link.average_letter_grade }}
                    </span>
                  {% else %}
                    <span class="bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 text-xs px-2 py-1 rounded-full">
                      <i class="fas fa-hourglass-half mr-1"></i> Needs grades
                    </