Altering the default behavior of Angular Material Grid

[cloud vapor]

Hi, so I'm been looking all over google and chatgpt with no luck. So I have a mat-tree within a mat-grid. I don't want it to be centered. So I either need to turn off display:flex or align-items:center. I've tried to change both of these in the CSS and it's either ignored. Or it breaks. The time I broke it I was using the !important at the end. I've also tried setting the margin/padding to 0 and to max the the height/width of the mat-grid-tile-content with no luck. Any suggestions would be appreciated.

Also tried to turn off encapsulation per this stackO answer, https://stackoverflow.com/questions/65051864/how-to-disable-flex-from-angular-mat-grid-list

[cloud vapor]

I got a little closer by using mat-tree {
width: calc(100% - 70px);
height: calc(100% - 70px);
}