Module:Userbox/styles.css

.template-userbox {
    float: left;
    display: flex;
    width: 270px; /* 45px * 6 */
    border: var(--tg-border-base);
    border-radius: var(--tg-border-radius-small);
    color: var(--tg-color-base);
    background: var(--tg-color-surface-2);
    line-height: var(--tg-line-height-xx-small);
    overflow: hidden;
}

.template-userbox a {
    /* Temp fix to fix link color */
    color: #36c;
}

.template-userbox-id,
.template-userbox-info {
    display: flex;
    align-items: center;
    min-height: 45px;
}

.template-userbox-id {
    min-width: 45px;
    font-size: 1rem;
    font-weight: var(--tg-font-weight-semibold);
    background: var(--tg-color-surface-3);
    text-align: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    flex-shrink: 0;
}

.template-userbox-info {
    padding: 0.5rem;
    text-align: start;
    font-size: var(--tg-font-size-x-small);
    flex-grow: 1;
}