diff --git a/src/app/sidebar/Sidebar.tsx b/src/app/sidebar/Sidebar.tsx
index e2438eea..66bbe3aa 100644
--- a/src/app/sidebar/Sidebar.tsx
+++ b/src/app/sidebar/Sidebar.tsx
@@ -1,7 +1,7 @@
 import i18n from "@dhis2/d2-i18n";
 import React, { useEffect, useState } from "react";
 import { NavLink, useLocation, matchPath } from "react-router-dom";
-import { HidePreventUnmount } from "../../components/utils/HidePreventUnmount";
+import { HidePreventUnmount } from "../../components";
 import styles from "./Sidebar.module.css";
 import {
     LinkItem,
diff --git a/src/components/utils/HidePreventUnmount.tsx b/src/components/HidePreventUnmount.tsx
similarity index 100%
rename from src/components/utils/HidePreventUnmount.tsx
rename to src/components/HidePreventUnmount.tsx
diff --git a/src/components/index.tsx b/src/components/index.tsx
index 8575a19b..1d0402e4 100644
--- a/src/components/index.tsx
+++ b/src/components/index.tsx
@@ -1 +1,2 @@
-export { Loader } from './loading';
+export { Loader } from "./loading";
+export * from "./HidePreventUnmount";
diff --git a/src/components/utils/index.tsx b/src/components/utils/index.tsx
deleted file mode 100644
index 8c576584..00000000
--- a/src/components/utils/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { HidePreventUnmount } from "./HidePreventUnmount";