Use ::ng-deep instead of /deep/

2 files changed, 3 insertions, 3 deletions

diff --git a/client/src/app/menu/avatar-notification.component.scss b/client/src/app/menu/avatar-notification.component.scss
index 201668b6e..5e09225df 100644
--- a/client/src/app/menu/avatar-notification.component.scss
+++ b/client/src/app/menu/avatar-notification.component.scss
@@ -1,7 +1,7 @@
 @import '_variables';
 @import '_mixins';
 
-/deep/ {
+::ng-deep {
   .popover-notifications.popover {
     max-width: none;
 
@@ -99,7 +99,7 @@
 }
 
 @media screen and (max-width: $mobile-view) {
-  /deep/ {
+  ::ng-deep {
     .popover-notifications.popover .popover-body {
       width: 400px;
     }
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index 06baa52d3..76e73155c 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -82,7 +82,7 @@ menu {
           border: none;
         }
 
-        /deep/ {
+        ::ng-deep {
           @include apply-svg-color(var(--menuForegroundColor));
         }
       }