Md-slider .md-thumb shape

[dudest]

Hello, I'm trying to change the shape of .md-thumb but I always seem to have a circle superimposed on top.

md-slider .md-thumb {
    z-index: 10;
    position: absolute;
    left: -25px;
    top: 14px;
    width: 50px;
    height: 20px;
    border-radius: 5px;
    transform: scale(.9);
    transform: scale(.9);
    transition: all .4s cubic-bezier(.25,.8,.25,1);
    box-shadow: 0 0 6px #00000070;
    background-color: var(--color-text-primary);
}

Any Ideas on how to fix this?

[dudest]

I found a workaround by setting background colour to --nr-dashboard-pageTitlebarBackgroundColor.

md-slider .md-thumb {
    z-index: 10;
    position: absolute;
    left: -25px;
    top: 14px;
    width: 50px;
    height: 20px;
    border-radius: 5px;
    transform: scale(.9);
    transform: scale(.9);
    transition: all .4s cubic-bezier(.25,.8,.25,1);
    box-shadow: 0 0 6px #00000070;
    background-color: var(--nr-dashboard-pageTitlebarBackgroundColor);
}