.YellHistory_Table .AvatarImg {
    width: 40px;
    object-fit: contain;
}

.YellHistoryTable_Center {
    display: grid;
}

.YellHistory_Table .ClientName {
    font-size: 12px;
    color: #333;
}

.YellHistory_Table .DateTime {
    font-size: 10px;
    color: #777;
}

.YellHistory_Table .TipAmount {
    font-size: 17px;
    font-weight: bold;
    justify-self: end;
    color: #555;
}

.YellHistoryTable_Center_ForAdmin {
    display: grid;
    column-gap: 5px;
    grid-template-columns: 30px 90px 20px 30px 90px;
}

.YellHistoryTable_Center_ForAdmin .SenderAvatarImg {
    grid-column: 1/2;
    grid-row: 1/3;
    width: 100%;
    object-fit: contain;
}
.YellHistoryTable_Center_ForAdmin .SenderName {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: 13px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.YellHistoryTable_Center_ForAdmin .Arrow {
    grid-column: 3/4;
    grid-row: 1/3;
    color: #777;
}
.YellHistoryTable_Center_ForAdmin .DateTime {
    grid-column: 2/5;
    grid-row: 2/3;
}
.YellHistoryTable_Center_ForAdmin .ReceiverAvatarImg {
    grid-column: 4/5;
    grid-row: 1/3;
    width: 100%;
    object-fit: contain;
}
.YellHistoryTable_Center_ForAdmin .ReceiverName {
    grid-column: 5/6;
    grid-row: 1/2;
    font-size: 13px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}