CSS

change height of range slider html

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 100px;
    background: #000957;
    cursor: pointer;
    border: none;
}

input[type=range] {
    -webkit-appearance: none;
    outline: 0;
    margin: 0;
    padding: 0;
    height: 15px;
    width: 320px;
    border-radius:100px;
}