diff --git a/plugins/cost-insights/src/components/BarChart/index.ts b/plugins/cost-insights/src/components/BarChart/index.ts
index b2c6390388..4525bd24f3 100644
--- a/plugins/cost-insights/src/components/BarChart/index.ts
+++ b/plugins/cost-insights/src/components/BarChart/index.ts
@@ -15,3 +15,4 @@
  */
 
 export { BarChart } from './BarChart';
+export type { BarChartProps } from './BarChart';
diff --git a/plugins/cost-insights/src/components/CostGrowth/index.ts b/plugins/cost-insights/src/components/CostGrowth/index.ts
index d4b1396586..da17ae8709 100644
--- a/plugins/cost-insights/src/components/CostGrowth/index.ts
+++ b/plugins/cost-insights/src/components/CostGrowth/index.ts
@@ -15,3 +15,4 @@
  */
 
 export { CostGrowth } from './CostGrowth';
+export type { CostGrowthProps } from './CostGrowth';
diff --git a/plugins/cost-insights/src/components/LegendItem/LegendItem.tsx b/plugins/cost-insights/src/components/LegendItem/LegendItem.tsx
index cabc5f9c59..9424c50bf7 100644
--- a/plugins/cost-insights/src/components/LegendItem/LegendItem.tsx
+++ b/plugins/cost-insights/src/components/LegendItem/LegendItem.tsx
@@ -20,7 +20,7 @@ import LensIcon from '@material-ui/icons/Lens';
 import HelpOutlineOutlinedIcon from '@material-ui/icons/HelpOutlineOutlined';
 import { useCostGrowthLegendStyles } from '../../utils/styles';
 
-type LegendItemProps = {
+export type LegendItemProps = {
   title: string;
   tooltipText?: string;
   markerColor?: string;
diff --git a/plugins/cost-insights/src/components/index.ts b/plugins/cost-insights/src/components/index.ts
index d28c256a0b..5b918144d9 100644
--- a/plugins/cost-insights/src/components/index.ts
+++ b/plugins/cost-insights/src/components/index.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-export { BarChart } from './BarChart';
-export { CostGrowth } from './CostGrowth';
-export { LegendItem } from './LegendItem';
+export * from './BarChart';
+export * from './CostGrowth';
+export * from './LegendItem';
 export * from './Tooltip';