diff --git a/src/index.tsx b/src/index.tsx
index e8e582d650..5740f822a3 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDom from 'react-dom';
+import { I18nextProvider } from 'react-i18next';
+import { i18n } from './i18n';
 
 import { App } from './App';
 import init from './auth/keycloak';
@@ -11,11 +13,13 @@ import { HttpClient } from './http-service/http-client';
 init().then((keycloak) => {
   const keycloakService = new KeycloakService(keycloak);
   ReactDom.render(
-    <KeycloakContext.Provider value={keycloakService}>
-      <HttpClientContext.Provider value={new HttpClient(keycloakService)}>
-        <App />
-      </HttpClientContext.Provider>
-    </KeycloakContext.Provider>,
+    <I18nextProvider i18n={i18n}>
+      <KeycloakContext.Provider value={keycloakService}>
+        <HttpClientContext.Provider value={new HttpClient(keycloakService)}>
+          <App />
+        </HttpClientContext.Provider>
+      </KeycloakContext.Provider>
+    </I18nextProvider>,
     document.getElementById('app')
   );
 });