diff --git a/client/package.json b/client/package.json
index 629723b54..16aae6e14 100644
--- a/client/package.json
+++ b/client/package.json
@@ -61,7 +61,7 @@
     "reflect-metadata": "0.1.3",
     "resolve-url-loader": "^1.6.0",
     "rxjs": "5.0.0-beta.12",
-    "sass-loader": "^3.2.3",
+    "sass-loader": "^4.0.2",
     "source-map-loader": "^0.1.5",
     "string-replace-loader": "^1.0.3",
     "style-loader": "^0.13.1",
diff --git a/client/src/app/app.module.ts b/client/src/app/app.module.ts
index f9a9ae760..980625f13 100644
--- a/client/src/app/app.module.ts
+++ b/client/src/app/app.module.ts
@@ -8,7 +8,7 @@ import { removeNgStyles, createNewHosts } from '@angularclass/hmr';
 import { BytesPipe } from 'angular-pipes/src/math/bytes.pipe';
 import { ProgressbarModule } from 'ng2-bootstrap/components/progressbar';
 import { PaginationModule } from 'ng2-bootstrap/components/pagination';
-import { FileSelectDirective } from 'ng2-file-upload/ng2-file-upload';
+import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';
 
 /*
  * Platform and Environment providers/directives/pipes
@@ -84,7 +84,6 @@ const APP_PROVIDERS = [
     AdminComponent,
     AppComponent,
     BytesPipe,
-    FileSelectDirective,
     FriendAddComponent,
     FriendListComponent,
     FriendsComponent,
@@ -113,7 +112,8 @@ const APP_PROVIDERS = [
     RouterModule.forRoot(routes),
 
     ProgressbarModule,
-    PaginationModule
+    PaginationModule,
+    FileUploadModule
   ],
   providers: [ // expose our Services and Providers into Angular's dependency injection
     ENV_PROVIDERS,