@media(max-width:600px)
{
    #history_container{
        width: 95%;
        margin: auto;
    }

    .history_item{
        grid-template-columns: 90px auto;
        padding: 20px 10px;
    }
    .hi_image{
        width: 60px;
        height: 50px;
        margin: auto;
        background-color: #dedede;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 0px 5px 1px #78787845;
    }
    .hi_image>img{
        width: 30px;
        height: 30px;
    }

    .hi_approval_status_container{
        padding: 5px;
    }
    .hi_approval_status_container>h3{
        font-size: x-small;
    }

    .hi_content_container>p{
        font-size: small;
    }
}