diff --git a/angular.json b/angular.json
index 73d735f6..1c10d739 100644
--- a/angular.json
+++ b/angular.json
@@ -27,6 +27,11 @@
                 "output": "/assets/img/markers"
               }
             ],
+            "stylePreprocessorOptions": {
+              "includePaths": [
+                "node_modules"
+              ]
+            },
             "styles": [
               "node_modules/bootstrap/dist/css/bootstrap.css",
               "node_modules/typeface-exo/index.css",
diff --git a/src/app/@theme/styles/material/_angular-material.scss b/src/app/@theme/styles/material/_angular-material.scss
index f9787f5f..6fb97f63 100644
--- a/src/app/@theme/styles/material/_angular-material.scss
+++ b/src/app/@theme/styles/material/_angular-material.scss
@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin angular-material() {
   @include mat.core();
diff --git a/src/app/@theme/styles/material/_material-dark.scss b/src/app/@theme/styles/material/_material-dark.scss
index b991f81b..e5f3979d 100644
--- a/src/app/@theme/styles/material/_material-dark.scss
+++ b/src/app/@theme/styles/material/_material-dark.scss
@@ -4,8 +4,8 @@
  * Licensed under the MIT License. See License.txt in the project root for license information.
  */
 
-@import '~@nebular/theme/styles/core/functions';
-@import '~@nebular/theme/styles/core/mixins';
+@import '@nebular/theme/styles/core/functions';
+@import '@nebular/theme/styles/core/mixins';
 
 $theme: (
   color-primary-100: #fff2f7,
diff --git a/src/app/@theme/styles/material/_material-light.scss b/src/app/@theme/styles/material/_material-light.scss
index fd033164..2178fa1e 100644
--- a/src/app/@theme/styles/material/_material-light.scss
+++ b/src/app/@theme/styles/material/_material-light.scss
@@ -4,8 +4,8 @@
  * Licensed under the MIT License. See License.txt in the project root for license information.
  */
 
-@import '~@nebular/theme/styles/core/functions';
-@import '~@nebular/theme/styles/core/mixins';
+@import '@nebular/theme/styles/core/functions';
+@import '@nebular/theme/styles/core/mixins';
 
 $theme: (
   color-primary-100: #e8cbfe,
diff --git a/src/app/pages/forms/form-inputs/form-inputs.component.html b/src/app/pages/forms/form-inputs/form-inputs.component.html
index 5e40366a..7eb0009e 100644
--- a/src/app/pages/forms/form-inputs/form-inputs.component.html
+++ b/src/app/pages/forms/form-inputs/form-inputs.component.html
@@ -10,7 +10,7 @@
         </div>
         <input type="password" nbInput fullWidth placeholder="Password">
         <input type="text" nbInput fullWidth shape="rectangle" placeholder="Rectangle border">
-        <ng-container *ngIf="!(materialTheme$ | async)">
+        <ng-container *ngIf="(materialTheme$ | async) !== true">
           <input type="text" nbInput fullWidth shape="semi-round" placeholder="Semi-round border">
           <input type="text" nbInput fullWidth shape="round" placeholder="Rounded border">
         </ng-container>
@@ -91,4 +91,4 @@
   <div class="col-lg-12">
     <ngx-material-inputs></ngx-material-inputs>
   </div>
-</div>
\ No newline at end of file
+</div>