.transaction-list-item { &__primary-currency { color: var(--color-text-default); overflow: hidden; text-overflow: ellipsis; } &__secondary-currency { @include H7; margin-top: 4px; color: var(--color-text-alternative); } & &--unconfirmed { color: var(--color-text-alternative); } &--unconfirmed &__primary-currency { color: var(--color-text-alternative); } &__pending-actions { padding-top: 12px; display: flex; .button { @include H8; padding: 8px; width: 75px; white-space: nowrap; } & > .button:first-child { margin-right: 6px; } &:empty { padding-top: 0; } } .list-item__subheading { overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; } .list-item__subheading > h3 { overflow: visible; display: flex; white-space: nowrap; text-overflow: initial; } .transaction-status-label::after { content: "ยท"; margin: 0 4px; } &__address { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }