@media (min-width:1200px) {
  /* Bootstrap makes .btn-group position:relative by default. That caused the
     absolutely-positioned Bid button to stay anchored to the bid-number row.
     Make this specific bid group static so Bid is positioned against the bid
     panel instead. */
  #pepper-app > div > .row.mb-4.g-0 > .col-md-5:first-child .col-md-8 > .btn-group {
    position:static !important;
  }

  /* Place Bid immediately to the left of Sort in the panel header. */
  #pepper-app > div > .row.mb-4.g-0 > .col-md-5:first-child .col-md-8 > .btn-group > .btn.btn-warning {
    position:absolute !important;
    z-index:84 !important;
    top:18px !important;
    right:128px !important;
    bottom:auto !important;
    width:90px !important;
    min-width:90px !important;
    max-width:90px !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:8px 14px !important;
    border-radius:9px !important;
    font-size:15px !important;
    line-height:1 !important;
  }

  /* Sort remains the right-most action. */
  #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 {
    right:28px !important;
    top:18px !important;
    max-width:90px !important;
  }

  #pepper-app > div > .row.mb-4.g-0 > .col-md-5:first-child .col-md-4.text-end .btn {
    width:90px !important;
    min-width:90px !important;
    max-width:90px !important;
    height:42px !important;
    min-height:42px !important;
  }
}