Even though the MatPaginagorModule is in my list of modules to remove from the test, when I pull the test up in a browser, I see remnants of it are still being rendered. Why is this?

describe('HomepageTabServiceAlertsCancellationsComponent', () => {
    let component: HomepageTabServiceAlertsCancellationsComponent;
    let fixture: ComponentFixture<HomepageTabServiceAlertsCancellationsComponent>;

    beforeEach(async () => {
        await TestBed.configureTestingModule({
            imports: [ HomepageTabServiceAlertsCancellationsComponent ]
    })
    .overrideComponent(HomepageTabServiceAlertsCancellationsComponent, {
        remove: {
            imports: [
                MatTableModule,
                MatMenuModule,
                MatIconModule,
                MatButtonModule,
                CommonModule,
                MatChipsModule,
                MatCheckboxModule,
                MatPaginatorModule,
                MatSortModule,
                MatTooltipModule,
                RouterLink,
                RouterOutlet                
            ],
        }, 
    })
    .compileComponents();
    });

    beforeEach(() => {
        fixture = TestBed.createComponent(HomepageTabServiceAlertsCancellationsComponent);
        component = fixture.componentInstance;
        fixture.detectChanges();
    });

    let testNumber = 1;
    afterEach((done) => {
        runAdaTests(fixture, 'HomepageTabServiceAlertsCancellationsComponent', testNumber, done);
        testNumber++;
    });

    it('should create', () => {
        expect(component).toBeTruthy();
    });
});

Template:

...
<div class="row">
    <div class="col">
        <mat-paginator 
            [length]="10" 
            [pageSizeOptions]="[10, 15, 20]"
            showFirstLastButtons
            aria-label="Select page of periodic elements">
        </mat-paginator>
    </div>
</div>