.tab-group-scroll-controls {
  position: absolute;
  width: 15px;
  right: 0;
  top: 0;
  bottom: 1px;
  border: 0;
  background-color: $uex-tabs-scroll-controls-bg;

  .tab-group-scroll-control {
    position: relative;
    display: inline-flex;
    align-content: center;
    justify-items: center;
    width: 15px;
    height: 50%;
    padding: 0;
    margin-bottom: -1px;
    border: solid $nav-tabs-border-width $nav-tabs-border-color;
    @include button-clear-variant($btn-clear-color);

    &:last-child {
      margin-bottom: 0;
    }

    @include hover-focus {
      outline: none;
    }
  }
}