.ns("frontend.components.pages.team", {
  .ui("page", {
    .flexy();
    margin-top: 15px;

    > .sidebar {
      width: 285px;
      margin-right: 15px;
    }

    > .main {
      flex-grow: 1;
    }
  });

  .ui("no-org-selected", {}, {
    .el("avatars", {
      > img {
        width: 1em;
        height: 1em;
        margin-right: -1.5em;

        border-radius: 50%;
        border: 3px solid @white;

        &:last-child {
          margin-right: 0;
        }
      }
    });
  });

  .ui("invite-teammates-modal", {}, {
    .el("body", {
      > .table {
        max-height: 27vh;
        overflow: auto;
      }
    });

    .el("avatars", {
      > img.invite-gravatar {
        max-height: 1.7em;
        width: auto;
        border-radius: 50%;
      }
    });
  });
});

.ns("frontend.components.pages.team", {
  .ui("page", {
    .flexy();
    margin-top: 15px;

    > .sidebar {
      width: 285px;
      margin-right: 15px;
    }

    > .main {
      flex-grow: 1;
    }
  });

  .ui("no-org-selected", {}, {
    .el("avatars", {
      > img {
        width: 1em;
        height: 1em;
        margin-right: -1.5em;

        border-radius: 50%;
        border: 3px solid @white;

        &:last-child {
          margin-right: 0;
        }
      }
    });
  });

  .ui("invite-teammates-modal", {}, {
    .el("body", {
      > .loading-spinner {
        .flexy(center, center);
        height: 27vh;
      }
      > .table {
        max-height: 27vh;
        overflow: auto;
      }
    });

    .el("avatars", {
      > img.invite-gravatar {
        max-height: 1.7em;
        width: auto;
        border-radius: 50%;
      }
    });
  });
});

Make invite modal loading spinner same height as table
Make invite modal loading spinner same height as table
