diff --git a/app/javascript/components/tooltip/component.spec.js b/app/javascript/components/tooltip/component.spec.js
new file mode 100644
index 0000000000..c9d9265990
--- /dev/null
+++ b/app/javascript/components/tooltip/component.spec.js
@@ -0,0 +1,28 @@
+import { mountedComponent, screen } from "../../test-utils";
+
+import Tooltip from "./component";
+
+describe("components/tooltip", () => {
+  it("renders tooltip", () => {
+    const TooltipComponent = () => (
+      <Tooltip title="wrapper content" data-testid="wrapper-content">
+        <div>wrapped children</div>
+      </Tooltip>
+    );
+
+    mountedComponent(<TooltipComponent />);
+    expect(screen.getByText(/wrapped children/i)).toBeInTheDocument();
+  });
+
+  it("does not render tooltip without title", () => {
+    const TooltipComponent = () => (
+      <Tooltip title="">
+        <div>wrapped children</div>
+      </Tooltip>
+    );
+
+    mountedComponent(<TooltipComponent />);
+    expect(screen.getByText(/wrapped children/i)).toBeInTheDocument();
+    expect(screen.queryAllByRole("tooltip")).toHaveLength(0);
+  });
+});
diff --git a/app/javascript/components/tooltip/component.unit.test.js b/app/javascript/components/tooltip/component.unit.test.js
deleted file mode 100644
index a3b924f3da..0000000000
--- a/app/javascript/components/tooltip/component.unit.test.js
+++ /dev/null
@@ -1,33 +0,0 @@
-// Copyright (c) 2014 - 2023 UNICEF. All rights reserved.
-
-import { Tooltip as MuiTooltip } from "@material-ui/core";
-
-import { setupMountedComponent } from "../../test";
-
-import Tooltip from "./component";
-
-describe("components/tooltip", () => {
-  it("renders tooltip", () => {
-    const TooltipComponent = () => (
-      <Tooltip title="wrapper content">
-        <div>wrapped children</div>
-      </Tooltip>
-    );
-    const { component } = setupMountedComponent(TooltipComponent);
-
-    expect(component.find(MuiTooltip).prop("title")).to.equal("wrapper content");
-    expect(component.contains("wrapped children")).to.be.true;
-  });
-
-  it("does not render tooltip without title", () => {
-    const TooltipComponent = () => (
-      <Tooltip title="">
-        <div>wrapped children</div>
-      </Tooltip>
-    );
-    const { component } = setupMountedComponent(TooltipComponent);
-
-    expect(component.find(MuiTooltip)).to.have.lengthOf(0);
-    expect(component.contains("wrapped children")).to.be.true;
-  });
-});