.h2hApprovalAction .h2hTreasuryAccountControls {
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: 16px !important;
}

.h2hApprovalAction .h2hTreasuryAccountControls label,
.h2hApprovalAction > label {
  min-width: 0;
}

.h2hApprovalAction input[type="text"],
.h2hApprovalAction input[type="date"],
.h2hApprovalAction input:not([type]) {
  box-sizing: border-box;
  width: 100% !important;
  min-width: 260px;
  min-height: 50px !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
}

.h2hApprovalAction input[type="date"] {
  min-width: 300px;
  max-width: 620px !important;
}

@media (max-width: 800px) {
  .h2hApprovalAction .h2hTreasuryAccountControls {
    grid-template-columns: 1fr !important;
  }

  .h2hApprovalAction input[type="text"],
  .h2hApprovalAction input[type="date"],
  .h2hApprovalAction input:not([type]) {
    min-width: 0;
    max-width: none;
  }
}