.update-snap-permission-list {
  width: 100%;

  .approved-permission,
  .new-permission,
  .revoked-permission {
    @include H6;

    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-border-default);
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--color-text-default);

    i {
      display: block;
      padding: 16px;
      min-width: 16px;
      min-height: 16px;
      font-size: 1rem;
    }
  }

  .approved-permission {
    color: var(--color-success-default);
  }

  .revoked-permission {
    color: var(--color-error-alternative);
  }

  .new-permission {
    color: var(--color-info-default);
  }

  .permission-description {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .permission-description-subtext {
    @include H7;
  }

  .permission {
    &__tooltip-icon {
      margin-left: auto !important;
      padding-left: 16px;

      i {
        color: var(--color-icon-muted);
      }

      &__warning i {
        color: var(--color-warning-default);
      }
    }
  }
}