'Angular disable cdk-overlay for only one child component

I would like to remove the cdk-overlay which gets generated from the angular material dropdown. I'm using a version of angular material of a company. So I have different names for some stuff.

I tried to remove the cdk-overlay by setting the display to none in the style.scss. But I want just to removed it in one component.

I cannot change the style in the home.component.scss folder. It does not work.

Projectstructure:

style.scss (src folder) **change style here**
   |
   |->app (app folder)
      |
      |->userview (component folder)
            |
            |->home (component folder)
                  |
                  |->home.component.scss **here should be the affect**


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source