diff --git a/package.json b/package.json
index 6509530..b352e1c 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@angular/animations": "^4.0.0",
     "@angular/common": "^4.0.0",
     "@angular/compiler": "^4.0.0",
     "@angular/core": "^4.0.0",
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 331afb1..2ddfb7b 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -7,6 +7,7 @@ import { NgModule, enableProdMode } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { RouterModule } from '@angular/router';
 import { IdlePreload, IdlePreloadModule } from '@angularclass/idle-preload';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { AppComponent, LoadingSpinnerComponent } from './app.component';
 
 declare const ENV: string;
@@ -23,6 +24,7 @@ if (ENV === 'production') {
   ],
   imports: [
     BrowserModule,
+    BrowserAnimationsModule,
     IdlePreloadModule.forRoot(),
     RouterModule.forRoot([
       {path: 'subscribed', loadChildren: './modules/+subscribed/index#SubscribedModule'},
diff --git a/yarn.lock b/yarn.lock
index cb0a425..079bf47 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,10 @@
 # yarn lockfile v1
 
 
+"@angular/animations@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@angular/animations/-/animations-4.0.0.tgz#f6efb67ca3f3816d2dbf19b8f570371f2d205edc"
+
 "@angular/common@^4.0.0":
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/@angular/common/-/common-4.0.0.tgz#ca18983222fdab4ecaa7a8b99eda6ff661e6dc92"