@import '../../../css/colors.css';

.wrapper {
  composes: wrapper from "./shared/full_height_stage.css";

  .groups-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;

    @media(min-width: 1040px) {
      display: block;
    }

    overflow: auto;
  }

  .flex-container-for-groups-and-optionally-action-items {
    flex: 1;
    display: flex;
    overflow: hidden;

    :global(.action-item) {
      flex-grow: 0;
      flex-basis: auto;
      width: 50%;

      @media (min-width: 1040px) {
        width: 25%;
      }
      padding: 0 0.75rem;
      border-left: 1px solid var(--semantic-light-grey);
    }
  }
}

@import '../../../css/colors.css';

.wrapper {
  composes: wrapper from "./shared/full_height_stage.css";

  .groups-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;

    @media(min-width: 1040px) {
      display: block;
    }

    overflow: auto;
  }

  .flex-container-for-groups-and-optionally-action-items {
    flex: 1;
    display: flex;
    overflow: hidden;

    :global(.action-item) {
      flex-grow: 0;
      flex-basis: auto;
      width: 50%;

      @media (min-width: 1040px) {
        width: 25%;
      }
      padding: 0 0.75rem;
      border-left: 1px solid var(--semantic-light-grey);
    }
  }
}

Add position: relative to groups container for react-flip-move
Add position: relative to groups container for react-flip-move
