diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index dac39198fd..40ca6c517f 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -84,7 +84,7 @@ In the root of `/src`, there are a few files which are used to initialize the re
   - Sets standard page layout, about modal, and root dialog modal.
 - **RootProvider.jsx**
   - Sets up all context providers.
-  - Initializes i18n.
+  - Initializes i18n and router
 
 ### Naming files
 
diff --git a/__tests__/index.test.jsx b/__tests__/index.test.jsx
index d7ce697841..cf8f051938 100644
--- a/__tests__/index.test.jsx
+++ b/__tests__/index.test.jsx
@@ -1,7 +1,13 @@
+import React from 'react';
 import { mount } from 'enzyme';
+import { MemoryRouter } from 'react-router-dom';
 import { main } from '../src/index';
 
-const render = template => mount(template);
+const render = template => mount(
+  <MemoryRouter>
+    {template}
+  </MemoryRouter>
+);
 
 describe('index.jsx', () => {
   test('index.jsx loads without issue', () => {
diff --git a/src/RootProvider.jsx b/src/RootProvider.jsx
index 7a868e63a3..1f334c3b4c 100644
--- a/src/RootProvider.jsx
+++ b/src/RootProvider.jsx
@@ -3,6 +3,10 @@ import {
   I18nProvider,
 } from '@lingui/react';
 
+import {
+  HashRouter
+} from 'react-router-dom';
+
 import { NetworkProvider } from './contexts/Network';
 import { RootDialogProvider } from './contexts/RootDialog';
 import { ConfigProvider } from './contexts/Config';
@@ -25,18 +29,20 @@ class RootProvider extends Component {
     const language = getLanguage(navigator);
 
     return (
-      <I18nProvider
-        language={language}
-        catalogs={catalogs}
-      >
-        <RootDialogProvider>
-          <NetworkProvider>
-            <ConfigProvider>
-              {children}
-            </ConfigProvider>
-          </NetworkProvider>
-        </RootDialogProvider>
-      </I18nProvider>
+      <HashRouter>
+        <I18nProvider
+          language={language}
+          catalogs={catalogs}
+        >
+          <RootDialogProvider>
+            <NetworkProvider>
+              <ConfigProvider>
+                {children}
+              </ConfigProvider>
+            </NetworkProvider>
+          </RootDialogProvider>
+        </I18nProvider>
+      </HashRouter>
     );
   }
 }
diff --git a/src/index.jsx b/src/index.jsx
index 55747eb036..099ab7a584 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import {
-  HashRouter,
   Route,
   Switch,
   Redirect
@@ -54,199 +53,197 @@ export function main (render) {
   const el = document.getElementById('app');
 
   return render(
-    <HashRouter>
-      <RootProvider>
-        <I18n>
-          {({ i18n }) => (
-            <Background>
-              <Switch>
-                <Route
-                  path="/login"
-                  render={() => (
-                    <Config>
-                      {({ custom_logo, custom_login_info }) => (
-                        <Login
-                          logo={custom_logo}
-                          loginInfo={custom_login_info}
-                        />
-                      )}
-                    </Config>
-                  )}
-                />
-                <Route exact path="/" render={() => <Redirect to="/home" />} />
-                <Route
-                  render={() => (
-                    <App
-                      navLabel={i18n._(t`Primary Navigation`)}
-                      routeGroups={[
-                        {
-                          groupTitle: i18n._(t`Views`),
-                          groupId: 'views_group',
-                          routes: [
-                            {
-                              title: i18n._(t`Dashboard`),
-                              path: '/home',
-                              component: Dashboard
-                            },
-                            {
-                              title: i18n._(t`Jobs`),
-                              path: '/jobs',
-                              component: Jobs
-                            },
-                            {
-                              title: i18n._(t`Schedules`),
-                              path: '/schedules',
-                              component: Schedules
-                            },
-                            {
-                              title: i18n._(t`My View`),
-                              path: '/portal',
-                              component: Portal
-                            },
-                          ],
-                        },
-                        {
-                          groupTitle: i18n._(t`Resources`),
-                          groupId: 'resources_group',
-                          routes: [
-                            {
-                              title: i18n._(t`Templates`),
-                              path: '/templates',
-                              component: Templates
-                            },
-                            {
-                              title: i18n._(t`Credentials`),
-                              path: '/credentials',
-                              component: Credentials
-                            },
-                            {
-                              title: i18n._(t`Projects`),
-                              path: '/projects',
-                              component: Projects
-                            },
-                            {
-                              title: i18n._(t`Inventories`),
-                              path: '/inventories',
-                              component: Inventories
-                            },
-                            {
-                              title: i18n._(t`Inventory Scripts`),
-                              path: '/inventory_scripts',
-                              component: InventoryScripts
-                            },
-                          ],
-                        },
-                        {
-                          groupTitle: i18n._(t`Access`),
-                          groupId: 'access_group',
-                          routes: [
-                            {
-                              title: i18n._(t`Organizations`),
-                              path: '/organizations',
-                              component: Organizations
-                            },
-                            {
-                              title: i18n._(t`Users`),
-                              path: '/users',
-                              component: Users
-                            },
-                            {
-                              title: i18n._(t`Teams`),
-                              path: '/teams',
-                              component: Teams
-                            },
-                          ],
-                        },
-                        {
-                          groupTitle: i18n._(t`Administration`),
-                          groupId: 'administration_group',
-                          routes: [
-                            {
-                              title: i18n._(t`Credential Types`),
-                              path: '/credential_types',
-                              component: CredentialTypes
-                            },
-                            {
-                              title: i18n._(t`Notifications`),
-                              path: '/notification_templates',
-                              component: NotificationTemplates
-                            },
-                            {
-                              title: i18n._(t`Management Jobs`),
-                              path: '/management_jobs',
-                              component: ManagementJobs
-                            },
-                            {
-                              title: i18n._(t`Instance Groups`),
-                              path: '/instance_groups',
-                              component: InstanceGroups
-                            },
-                            {
-                              title: i18n._(t`Integrations`),
-                              path: '/applications',
-                              component: Applications
-                            },
-                          ],
-                        },
-                        {
-                          groupTitle: i18n._(t`Settings`),
-                          groupId: 'settings_group',
-                          routes: [
-                            {
-                              title: i18n._(t`Authentication`),
-                              path: '/auth_settings',
-                              component: AuthSettings
-                            },
-                            {
-                              title: i18n._(t`Jobs`),
-                              path: '/jobs_settings',
-                              component: JobsSettings
-                            },
-                            {
-                              title: i18n._(t`System`),
-                              path: '/system_settings',
-                              component: SystemSettings
-                            },
-                            {
-                              title: i18n._(t`User Interface`),
-                              path: '/ui_settings',
-                              component: UISettings
-                            },
-                            {
-                              title: i18n._(t`License`),
-                              path: '/license',
-                              component: License
-                            },
-                          ],
-                        },
-                      ]}
-                      render={({ routeGroups }) => (
-                        <Switch>
-                          {routeGroups
-                            .reduce((allRoutes, { routes }) => allRoutes.concat(routes), [])
-                            .map(({ component: PageComponent, path }) => (
-                              <Route
-                                key={path}
-                                path={path}
-                                render={({ match }) => (
-                                  <PageComponent match={match} />
-                                )}
-                              />
-                            ))
-                            .concat([
-                              <NotifyAndRedirect key="redirect" to="/" />
-                            ])}
-                        </Switch>
-                      )}
-                    />
-                  )}
-                />
-              </Switch>
-            </Background>
-          )}
-        </I18n>
-      </RootProvider>
-    </HashRouter>, el || document.createElement('div')
+    <RootProvider>
+      <I18n>
+        {({ i18n }) => (
+          <Background>
+            <Switch>
+              <Route
+                path="/login"
+                render={() => (
+                  <Config>
+                    {({ custom_logo, custom_login_info }) => (
+                      <Login
+                        logo={custom_logo}
+                        loginInfo={custom_login_info}
+                      />
+                    )}
+                  </Config>
+                )}
+              />
+              <Route exact path="/" render={() => <Redirect to="/home" />} />
+              <Route
+                render={() => (
+                  <App
+                    navLabel={i18n._(t`Primary Navigation`)}
+                    routeGroups={[
+                      {
+                        groupTitle: i18n._(t`Views`),
+                        groupId: 'views_group',
+                        routes: [
+                          {
+                            title: i18n._(t`Dashboard`),
+                            path: '/home',
+                            component: Dashboard
+                          },
+                          {
+                            title: i18n._(t`Jobs`),
+                            path: '/jobs',
+                            component: Jobs
+                          },
+                          {
+                            title: i18n._(t`Schedules`),
+                            path: '/schedules',
+                            component: Schedules
+                          },
+                          {
+                            title: i18n._(t`My View`),
+                            path: '/portal',
+                            component: Portal
+                          },
+                        ],
+                      },
+                      {
+                        groupTitle: i18n._(t`Resources`),
+                        groupId: 'resources_group',
+                        routes: [
+                          {
+                            title: i18n._(t`Templates`),
+                            path: '/templates',
+                            component: Templates
+                          },
+                          {
+                            title: i18n._(t`Credentials`),
+                            path: '/credentials',
+                            component: Credentials
+                          },
+                          {
+                            title: i18n._(t`Projects`),
+                            path: '/projects',
+                            component: Projects
+                          },
+                          {
+                            title: i18n._(t`Inventories`),
+                            path: '/inventories',
+                            component: Inventories
+                          },
+                          {
+                            title: i18n._(t`Inventory Scripts`),
+                            path: '/inventory_scripts',
+                            component: InventoryScripts
+                          },
+                        ],
+                      },
+                      {
+                        groupTitle: i18n._(t`Access`),
+                        groupId: 'access_group',
+                        routes: [
+                          {
+                            title: i18n._(t`Organizations`),
+                            path: '/organizations',
+                            component: Organizations
+                          },
+                          {
+                            title: i18n._(t`Users`),
+                            path: '/users',
+                            component: Users
+                          },
+                          {
+                            title: i18n._(t`Teams`),
+                            path: '/teams',
+                            component: Teams
+                          },
+                        ],
+                      },
+                      {
+                        groupTitle: i18n._(t`Administration`),
+                        groupId: 'administration_group',
+                        routes: [
+                          {
+                            title: i18n._(t`Credential Types`),
+                            path: '/credential_types',
+                            component: CredentialTypes
+                          },
+                          {
+                            title: i18n._(t`Notifications`),
+                            path: '/notification_templates',
+                            component: NotificationTemplates
+                          },
+                          {
+                            title: i18n._(t`Management Jobs`),
+                            path: '/management_jobs',
+                            component: ManagementJobs
+                          },
+                          {
+                            title: i18n._(t`Instance Groups`),
+                            path: '/instance_groups',
+                            component: InstanceGroups
+                          },
+                          {
+                            title: i18n._(t`Integrations`),
+                            path: '/applications',
+                            component: Applications
+                          },
+                        ],
+                      },
+                      {
+                        groupTitle: i18n._(t`Settings`),
+                        groupId: 'settings_group',
+                        routes: [
+                          {
+                            title: i18n._(t`Authentication`),
+                            path: '/auth_settings',
+                            component: AuthSettings
+                          },
+                          {
+                            title: i18n._(t`Jobs`),
+                            path: '/jobs_settings',
+                            component: JobsSettings
+                          },
+                          {
+                            title: i18n._(t`System`),
+                            path: '/system_settings',
+                            component: SystemSettings
+                          },
+                          {
+                            title: i18n._(t`User Interface`),
+                            path: '/ui_settings',
+                            component: UISettings
+                          },
+                          {
+                            title: i18n._(t`License`),
+                            path: '/license',
+                            component: License
+                          },
+                        ],
+                      },
+                    ]}
+                    render={({ routeGroups }) => (
+                      <Switch>
+                        {routeGroups
+                          .reduce((allRoutes, { routes }) => allRoutes.concat(routes), [])
+                          .map(({ component: PageComponent, path }) => (
+                            <Route
+                              key={path}
+                              path={path}
+                              render={({ match }) => (
+                                <PageComponent match={match} />
+                              )}
+                            />
+                          ))
+                          .concat([
+                            <NotifyAndRedirect key="redirect" to="/" />
+                          ])}
+                      </Switch>
+                    )}
+                  />
+                )}
+              />
+            </Switch>
+          </Background>
+        )}
+      </I18n>
+    </RootProvider>, el || document.createElement('div')
   );
 }