.mongo-field-browse {
  display: flex;
  flex-direction: row;
  @media (max-width: 1300px) {
    flex-direction: column;
  }
  &-fields {
    overflow-x: overlay;
    width: 340px;
    min-width: 340px;
    padding-right: 20px;
    padding-bottom: 0px;
    @media (max-width: 1300px) {
      padding-right: 0px;
      padding-bottom: 20px;
      width: 100%;
      min-width: 100%;
    }
  }
  &-permissions {
    border-top: none;
    border-left: 1px solid $gray6;
    padding-left: 20px;
    padding-top: 0px;
    width: 100%;
    max-width: 600px;
    @media (max-width: 1300px) {
      border-top: 1px solid $gray6;
      border-left: none;
      padding-left: 0px;
      padding-top: 20px;
      max-width: 100%;
    }
  }
  &-unsaved {
  }
}