.history-background {
    grid-column: 1/2;
    grid-row: 1/2;
    height: 40vh;
    overflow: hidden;
    background-color: var(--history-background-color);
    padding: 1em;
    margin: 1em;
    margin-right: 0;
    border-radius: 2em;
}

.history {
    height: 100%;
    overflow-y: scroll;
    padding-right: 10px;
}

.history ul {
    list-style: none;
}

.history ul li {
    padding: 10px 0;
    border-bottom: 1px solid var(--text-color);
    width: 100%;
}

.history ul li a {
    display: block;
    text-decoration: none;
    color: var(--text-color); /* Use variable for link text color */
    width: 100%;
    padding: 5px;
}

.history ul li a:hover {
    background-color: var(--input-button-hover-color);
}