diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 9d69c371..5863ec11 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -3,9 +3,7 @@ import {RouteConfig} from '@angular/router-deprecated';
 
 import {Pages} from './pages';
 import {AppState} from "./app.state";
-
-// TODO: is it really the best place to globally require that dependency?
-require("!style!css!sass!./theme/sass/_ionicons.scss");
+import './app.loader.ts';
 
 /*
  * App Component
diff --git a/src/app/app.loader.ts b/src/app/app.loader.ts
new file mode 100644
index 00000000..5a8c69fc
--- /dev/null
+++ b/src/app/app.loader.ts
@@ -0,0 +1 @@
+require('!style!css!sass!./theme/sass/_ionicons.scss');
diff --git a/src/vendor.ts b/src/vendor.ts
index 80b9ae9d..0243d3b5 100644
--- a/src/vendor.ts
+++ b/src/vendor.ts
@@ -16,7 +16,6 @@ import 'rxjs/add/operator/map';
 import 'rxjs/add/operator/mergeMap';
 
 // Web dependencies
-// TODO: make sure this is a correct place
 import 'jquery';
 import 'bootstrap-loader';
 import 'font-awesome-sass-loader';
@@ -25,7 +24,6 @@ import 'font-awesome-sass-loader';
 if ('production' === ENV) {
   // Production
 
-
 } else {
   // Development