@media (min-width:1200px) {
  /* Anchor the owner action stack inside the bid panel's right edge. */
  #pepper-app > div > .row.mb-4.g-0 > .col-md-5:first-child > .pepper-hand-wrapper > .row > .col-md-12 > .row > .col.col-12.mt-0 > .row > .col-md-4.text-end {
    position:absolute !important;
    z-index:82 !important;
    top:18px !important;
    right:28px !important;
    left:auto !important;
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  /* Bootstrap rows normally use negative side margins. Remove them here so
     the action stack cannot hang past the panel border. */
  #pepper-app > div > .row.mb-4.g-0 > .col-md-5:first-child .col-md-4.text-end > .row,
  #pepper-app > div > .row.mb-4.g-0 > .col-md-5:first-child .col-md-4.text-end .col {
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    margin:0 !important;
    padding:0 !important;
  }

  #pepper-app > div > .row.mb-4.g-0 > .col-md-5:first-child .col-md-4.text-end .col > div:first-child {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    gap:6px !important;
    width:132px !important;
    margin:0 !important;
  }

  #pepper-app > div > .row.mb-4.g-0 > .col-md-5:first-child .col-md-4.text-end .btn {
    white-space:nowrap !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }

  #pepper-app > div > .row.mb-4.g-0 > .col-md-5:first-child .col-md-4.text-end .btn.btn-warning {
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
}