message: Handle another text overflow edge case
diff: .type,
  .details {
  display: flex;
  + align-self: flex-end;
  }
  .type {
  }
  .ammoIcon {
  - margin: 1px 7px 0;
  + margin: 0 5px 2px 7px;
  height: 15px;
  width: 20px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  + align-self: flex-end;
  }
  .elementIcon {
  