diff --git a/app/groceries/groceries.module.ts b/app/groceries/groceries.module.ts
index 58183462..5c0ced11 100644
--- a/app/groceries/groceries.module.ts
+++ b/app/groceries/groceries.module.ts
@@ -1,4 +1,4 @@
-import { NativeScriptModule } from "nativescript-angular/nativescript.module";
+import { NativeScriptCommonModule } from "nativescript-angular/common";
 import { NativeScriptFormsModule } from "nativescript-angular/forms";
 import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
 import { groceriesRouting } from "./groceries.routing";
@@ -8,9 +8,9 @@ import { ItemStatusPipe } from "./grocery-list/item-status.pipe";
 
 @NgModule({
   imports: [
-    NativeScriptModule,
     NativeScriptFormsModule,
-    groceriesRouting
+    NativeScriptCommonModule,
+    groceriesRouting,
   ],
   declarations: [
     GroceriesComponent,
diff --git a/app/login/login.module.ts b/app/login/login.module.ts
index 2370b16c..60fa987e 100644
--- a/app/login/login.module.ts
+++ b/app/login/login.module.ts
@@ -1,4 +1,4 @@
-import { NativeScriptModule } from "nativescript-angular/nativescript.module";
+import { NativeScriptCommonModule } from "nativescript-angular/common";
 import { NativeScriptFormsModule } from "nativescript-angular/forms";
 import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
 
@@ -7,9 +7,9 @@ import { LoginComponent } from "./login.component";
 
 @NgModule({
   imports: [
-    NativeScriptModule,
     NativeScriptFormsModule,
-    loginRouting
+    NativeScriptCommonModule,
+    loginRouting,
   ],
   declarations: [
     LoginComponent