.commission-activity-ul {
  list-style: none;
  height: 300px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column-reverse;
}

.activity-log-date-entry {
  font-style: italic;
  margin-top: var(--minim);
  opacity: 0.6;
}

.activity-log-entry {
  display: flex;
  gap: var(--crotchet);
}

.activity-log-entry.user::before {
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: var(--ib-lighter);
  border: 1px solid var(--ib-lighter);
  margin-top: 0.5rem;
}

.activity-log-entry.recipient::before {
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: var(--grey-200);
  border: 1px solid var(--grey-500);
  margin-top: 0.5rem;
}