diff --git a/.changeset/large-monkeys-visit.md b/.changeset/large-monkeys-visit.md
new file mode 100644
index 0000000000..1ecaadb890
--- /dev/null
+++ b/.changeset/large-monkeys-visit.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-cost-insights': patch
+---
+
+Fixed css to show large tooltips on cost overview graph
diff --git a/plugins/cost-insights/src/components/CostOverviewCard/CostOverviewCard.tsx b/plugins/cost-insights/src/components/CostOverviewCard/CostOverviewCard.tsx
index 1a4bb4ba6e..3e77858967 100644
--- a/plugins/cost-insights/src/components/CostOverviewCard/CostOverviewCard.tsx
+++ b/plugins/cost-insights/src/components/CostOverviewCard/CostOverviewCard.tsx
@@ -106,7 +106,7 @@ export const CostOverviewCard = ({
   const showMetricSelect = config.metrics.length && safeTabIndex === 0;
 
   return (
-    <Card style={{ position: 'relative' }}>
+    <Card style={{ position: 'relative', overflow: 'visible' }}>
       <ScrollAnchor id={DefaultNavigation.CostOverviewCard} />
       <CardContent>
         {dailyCostData.groupedCosts && <OverviewTabs />}