ma bisogna scorrere per visualizzarlo sul lato in basso
Certo ma come ho indicato nel post precedente, il bordo del lato basso è creato da un elemento fisso; in sostanza hanno usato un div opportunamente dimensionato e a cui hanno applicato position:fixed e bottom:0. Fai "ispeziona" su quel bordo basso e vedi le regole CSS che sono state impostate.

Puoi notare che gli viene applicata questa regola:
codice:
.Footer .footer--border {
    height: 10px;
    background-color: inherit;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 2;
}
Il position:fixed infatti fa in modo di posizionare l'elemento in relazione alla finestra.

Chiaramente anche per il bordo alto vale la stessa cosa. Puoi notare infatti che la parte alta è stata impostata sempre come fixed.

Questa la regola che hanno usato:
codice:
.Header .header-wrapper {
    background-color: var(--pmn-main-bg);
    position: fixed;
    left: 10px;
    z-index: 300;
    width: calc(100% - 20px);
    top: 0;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
Chiaramente qui sono state applicate varie proprietà per determinare opportunamente la dimensione e la posizione.
Nel tuo caso bisognerebbe vedere il contesto per capire come meglio puoi intervenire.

Come suggerito da Vincent.Zeno può essere utile anche applicare opportunamente il box-sizing in modo da considerare bordi e padding nel calcolo delle dimensioni.

Fai magari qualche altra prova alla luce di quanto indicato.