diff --git a/plugins/cost-insights/src/components/CostInsightsPage/CostInsightsPage.tsx b/plugins/cost-insights/src/components/CostInsightsPage/CostInsightsPage.tsx
index dfd90e428a..8922ac31e0 100644
--- a/plugins/cost-insights/src/components/CostInsightsPage/CostInsightsPage.tsx
+++ b/plugins/cost-insights/src/components/CostInsightsPage/CostInsightsPage.tsx
@@ -187,10 +187,8 @@ const CostInsightsPage = () => {
       flexDirection="row"
       justifyContent="space-between"
     >
-      <Box minHeight={40} width="75%">
-        <Typography variant="h4" style={{ paddingTop: 10 }}>
-          Cost Overview
-        </Typography>
+      <Box minHeight={40} width="75%" pt={2}>
+        <Typography variant="h4">Cost Overview</Typography>
       </Box>
       <Box minHeight={40} maxHeight={60} display="flex">
         {!!flags.get('cost-insights-currencies') && (