          {%endif%}
                      {%for role in user_roles%}
                      <li>
                        <span class="font-medium text-xs capitalize text-blue-600 bg-blue-400/10 rounded-full py-1 px-3 w-fit">{{role}}</span>
                      </li>
                      {%endfor%}
                    </ul>
                  </div>
                </div>
              </div>

              <div class="items-center hidden space-x-3 md:flex">
                {%block top_right%}
              