tooltip className not applying class

[regulatoryinfo]

I've got Leaflet working in my Angular application and everything is working great, but I'm trying to add a permanent tooltip to some polygons on the map. The tooltips show up, but only with the default styling. The className I specified doesn't seem to be working for the class in my scss file. Is there some other place I should be inserting the css styling other than the regular scss file to get this to work?

here is the code line:
layer.bindTooltip(ld.geoid, {permanent: true, direction: "center", className: "tract-label"})

and this is the class in my scss file:

.tract-label {
position: absolute;
height: 20px;
border: 1px solid black;
border-radius: 5px;
width: 50px;
color: red;
background-color: #0000ff;

}