.unit-browser {
  position: fixed;
  z-index: 1010;
  padding: $gap $gap 0 $gap;
  background: transparent;
  width: 100%;
  height: 100%;
  overflow: hidden;

  .unit-browser__content {
    display: none;
  }

  &.expanded {
    background: $ui-background;
    max-height: 90vh;

    .unit-browser__content {
      padding-top: $gap;
      display: block;
      overflow-y: scroll;
      overflow-x: hidden;
    }
  }

  .header {
    width: 100%;
    display: flex;
    margin-bottom: $gap;

    .search-container {
      flex: 1;
      height: 100%;
    }

    .toggle-view-button {
      margin-left: $gap;
      height: 50px;
      width: 50px;
      background: $ui-enabled;
      color: $ui-text;
      border: 0;
      font-size: 24px;
      line-height: 24px;
    }
  }
}

@media only screen and (min-width : $breakpoint) {
  .unit-browser {
    width: 400px;

    .header .search-container .search-suggestions {
      width: 400px;
    }

    &.expanded {
      height: 100%;
      max-height: 100%;

      .unit-browser__content {
        border-top: 1px solid $ui-enabled;
      }
    }
  }
}

.unit-browser {
  position: fixed;
  pointer-events: none;
  z-index: 1010;
  padding: $gap $gap 0 $gap;
  background: transparent;
  width: 100%;
  height: 100%;
  overflow: hidden;

  * {
    pointer-events: auto;
  }

  .unit-browser__content {
    display: none;
  }

  &.expanded {
    background: $ui-background;
    max-height: 90vh;

    .unit-browser__content {
      padding-top: $gap;
      display: block;
      overflow-y: scroll;
      overflow-x: hidden;
    }
  }

  .header {
    width: 100%;
    display: flex;
    margin-bottom: $gap;

    .search-container {
      flex: 1;
      height: 100%;
    }

    .toggle-view-button {
      margin-left: $gap;
      height: 50px;
      width: 50px;
      background: $ui-enabled;
      color: $ui-text;
      border: 0;
      font-size: 24px;
      line-height: 24px;
    }
  }
}

@media only screen and (min-width : $breakpoint) {
  .unit-browser {
    width: 400px;

    .header .search-container .search-suggestions {
      width: 400px;
    }

    &.expanded {
      height: 100%;
      max-height: 100%;

      .unit-browser__content {
        border-top: 1px solid $ui-enabled;
      }
    }
  }
}

Fix pointer-event problems with collapsed unit browser
Fix pointer-event problems with collapsed unit browser
