diff --git a/web/app/configs/circleci/circleci-config.component.ts b/web/app/configs/circleci/circleci-config.component.ts
index c524063..384065e 100644
--- a/web/app/configs/circleci/circleci-config.component.ts
+++ b/web/app/configs/circleci/circleci-config.component.ts
@@ -3,7 +3,7 @@ import { CircleCiIntegration } from "../../shared/models/integration";
 import { ModalComponent, DialogRef } from "ngx-modialog";
 import { ConfigModalContext } from "../../integration/integration.component";
 import { ToasterService } from "angular2-toaster";
-import { ApiService } from "../../shared/api.service";
+import { ApiService } from "../../shared/services/api.service";
 
 @Component({
     selector: "my-circleci-config",
diff --git a/web/app/shared/services/integration.service.ts b/web/app/shared/services/integration.service.ts
index 158a1c6..841e7fe 100644
--- a/web/app/shared/services/integration.service.ts
+++ b/web/app/shared/services/integration.service.ts
@@ -15,6 +15,7 @@ import {
 } from "../models/widget";
 import { GoogleDocsWidgetConfigComponent } from "../../configs/widget/googledocs/googledocs-config.component";
 import { GoogleCalendarWidgetConfigComponent } from "../../configs/widget/googlecalendar/googlecalendar-config.component";
+import { CircleCiConfigComponent } from "../../configs/circleci/circleci-config.component";
 
 @Injectable()
 export class IntegrationService {
@@ -28,6 +29,9 @@ export class IntegrationService {
             "travisci": {
                 component: TravisCiConfigComponent,
             },
+            "circleci": {
+                component: CircleCiConfigComponent,
+            },
         },
         "bridge": {
             "irc": {