.history-page {
    /* background-color: var(--page-bg-color); */
    /* width: calc(100% + 1vh);
    height: calc(100% + 1vh); */
    /* margin-top: -3%; */
    color: var(--text-color);
}


.tablet-page-history-header {
    position: relative;
    top: 12%;
    width: 50%;
    height: 8%;
    left: 5%;
    color: var(--text-color);
    display: flex;
    font-size: 4vh;
    margin-left: 6%;
    font-weight: 400
}




.tablet-page-history-header-back-icon {
    background: #1c1c1c;
    width: 5%;
    padding: 3px;
    height: 52%;
    text-align: center;
    font-size: 1.8vh;
    border-radius: 7px;
    margin-top: 2%;
    margin-right: 3%;
    color: white;
    transition: .1s all;
}

.tablet-page-history-header-back-icon :hover {
    scale: 1.2;
    cursor: pointer;

}