.history-legend > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.history-legend {
  column-gap: 0 !important;
  row-gap: 10px !important;
}

.history-legend > span + span {
  margin-left: 38px;
}

.history-legend .signal-dot-mini,
.history-row .signal-dot-mini {
  display: inline-block !important;
  flex: 0 0 9px;
  width: 9px !important;
  height: 9px !important;
  min-width: 9px;
  margin: 0 7px 0 0 !important;
  border: 0;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

.history-row > span:nth-child(3) {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.history-legend .signal-dot-mini.fresh,
.history-row .signal-dot-mini.fresh { background: #ffd84d; box-shadow: 0 0 6px #ffd84d66; }
.history-legend .signal-dot-mini.active,
.history-row .signal-dot-mini.active { background: #66d98a; box-shadow: 0 0 6px #66d98a55; }
.history-legend .signal-dot-mini.watch,
.history-row .signal-dot-mini.watch { background: #f05d5e; box-shadow: 0 0 7px #f05d5e80; }
.history-legend .signal-dot-mini.exit-pending,
.history-row .signal-dot-mini.exit-pending { background: #ff3b3b; box-shadow: 0 0 9px #ff3b3baa; }
.history-legend .signal-dot-mini.exited,
.history-row .signal-dot-mini.exited { background: #55a7ff; box-shadow: 0 0 6px #55a7ff66; }
.history-legend .signal-dot-mini.unknown,
.history-row .signal-dot-mini.unknown { background: #778276; }

@media (min-width: 761px) {
  .history-head,
  .history-row {
    grid-template-columns: 110px minmax(140px, 185px) 100px 145px 100px minmax(220px, 1fr);
    column-gap: 14px;
  }
}