diff --git a/src/components/vis-elements/BarList/BarList.tsx b/src/components/vis-elements/BarList/BarList.tsx
index a4e6e654e..aad4c3cdc 100644
--- a/src/components/vis-elements/BarList/BarList.tsx
+++ b/src/components/vis-elements/BarList/BarList.tsx
@@ -40,7 +40,7 @@ type Bar<T> = T & {
   color?: Color;
 };
 
-export interface BarListProps<T = any> extends React.HTMLAttributes<HTMLDivElement> {
+interface BarListProps<T = any> extends React.HTMLAttributes<HTMLDivElement> {
   data: Bar<T>[];
   valueFormatter?: ValueFormatter;
   color?: Color;
@@ -179,4 +179,4 @@ const BarList = React.forwardRef(BarListInner) as <T>(
   p: BarListProps<T> & { ref?: React.ForwardedRef<HTMLDivElement> },
 ) => ReturnType<typeof BarListInner>;
 
-export default BarList;
+export { BarList, type BarListProps };
diff --git a/src/components/vis-elements/BarList/index.ts b/src/components/vis-elements/BarList/index.ts
index ad0bc6366..29c61de0f 100644
--- a/src/components/vis-elements/BarList/index.ts
+++ b/src/components/vis-elements/BarList/index.ts
@@ -1,2 +1,2 @@
-export { default as BarList } from "./BarList";
+export { BarList } from "./BarList";
 export type { BarListProps } from "./BarList";
diff --git a/src/tests/vis-elements/BarList.test.tsx b/src/tests/vis-elements/BarList.test.tsx
index d088d8d34..d50f3da59 100644
--- a/src/tests/vis-elements/BarList.test.tsx
+++ b/src/tests/vis-elements/BarList.test.tsx
@@ -1,9 +1,7 @@
-/* eslint-disable no-undef */
 import { render } from "@testing-library/react";
+import { BarList } from "components";
 import React from "react";
 
-import BarList from "components/vis-elements/BarList/BarList";
-
 describe("BarList", () => {
   test("renders the BarList component with default props", () => {
     render(
diff --git a/src/tests/vis-elements/ProgressBar.test.tsx b/src/tests/vis-elements/ProgressBar.test.tsx
index 799bc25ba..a07edf86d 100644
--- a/src/tests/vis-elements/ProgressBar.test.tsx
+++ b/src/tests/vis-elements/ProgressBar.test.tsx
@@ -1,9 +1,8 @@
 /* eslint-disable no-undef */
 import { render } from "@testing-library/react";
+import { ProgressBar } from "components";
 import React from "react";
 
-import ProgressBar from "components/vis-elements/ProgressBar/ProgressBar";
-
 describe("ProgressBar", () => {
   test("renders the ProgressBar component with default props", () => {
     render(<ProgressBar value={50} />);