Как сделать, чтоб статус увеличивался автоматически?

Приведите ваш код, а то как то пальцем в небо

Ну а код можно посмотреть? Наверное, там есть width?

<div class="up_pict_text">
            Михаил 
            <div class="up_p_status">
             <div class="up_p_status_text_arrow"></div>
                <div class="up_p_status_text">
                   
                    Fack the system i am not surrender  
                </div>

.up_p_status {
    position: absolute;
    left: 20px;
    top: -40px;
}
.up_p_status_text_arrow {
    position: absolute;
    width: 19px;
    height: 11px;
    bottom: -11px;
    left: 10px;
    background: url(../images/up_p_status_arrwo.png) no-repeat;
}
.up_p_status_text {
    background: #fff;
    max-width: 400px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    font-family: 'proxima_nova_rgregular';
    font-size: 12px;
    color: #141D23;
    position: relative;
    overflow: hidden;
}

mishka_aa, у вас стоит максимальная ширина 400, т.е. по ширине больше растянуться не сможет, и стоит фиксированная высота. Вам нужно убрать фиксированную высоту, если хотите чтобы была возможность переполнения по высоте и перенос строк, и удалить максимальную ширину или изменить нга нужную

width: fit-content;
padding: 5px;