diff --git a/projects/translate/src/lib/translate.module.ts b/projects/translate/src/lib/translate.module.ts
index 8b5a5738..f4bcb304 100644
--- a/projects/translate/src/lib/translate.module.ts
+++ b/projects/translate/src/lib/translate.module.ts
@@ -1,13 +1,12 @@
 import { NgModule, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { HttpClientModule } from '@angular/common/http';
 import { TranslateService, TRANSLATE_SETTINGS } from './translate.service';
 import { TranslatePipe } from './translate.pipe';
 import { TitleService } from './title.service';
 import { TranslateSettings } from './translate.settings';
 
 @NgModule({
-  imports: [CommonModule, HttpClientModule],
+  imports: [CommonModule],
   declarations: [TranslatePipe],
   exports: [TranslatePipe]
 })
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index d9e8b11a..23819baf 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -4,6 +4,7 @@ import { RouterModule, Route } from '@angular/router';
 import { TranslateModule, TranslateService } from '@ngstack/translate';
 import { MatButtonModule } from '@angular/material/button';
 import { MatSelectModule } from '@angular/material/select';
+import { HttpClientModule } from '@angular/common/http';
 
 import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -31,6 +32,7 @@ export function setupTranslateService(service: TranslateService) {
     BrowserModule,
     BrowserAnimationsModule,
     RouterModule.forRoot(routes, { initialNavigation: 'enabled' }),
+    HttpClientModule,
     TranslateModule.forRoot(),
     MatButtonModule,
     MatSelectModule