#lessonDate {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  inline-size: 100%;
  max-inline-size: 100%;
}

.dashboard-attendance-button.is-recorded {
  border-color: rgba(60, 141, 99, 0.25);
  background: #edf8f1;
  color: #347653;
}

#lessonForm .form-row,
#lessonForm .form-row > label {
  min-width: 0;
}

#lessonDate {
  display: block;
  box-sizing: border-box;
  inline-size: -webkit-fill-available;
  width: -webkit-fill-available;
  min-inline-size: 0;
  min-width: 0;
  max-inline-size: 100%;
  max-width: 100%;
}

@supports not (width: -webkit-fill-available) {
  #lessonDate {
    inline-size: 100%;
    width: 100%;
  }
}

@media (max-width: 760px) {
  #lessonForm .form-row {
    min-width: 0;
  }

  #lessonForm .form-row > label {
    min-width: 0;
    overflow: hidden;
  }

}