diff --git a/plugins/cost-insights/src/api/ExampleCostInsightsClient.ts b/plugins/cost-insights/src/api/ExampleCostInsightsClient.ts
index 8f116afb65..159e2a2e7d 100644
--- a/plugins/cost-insights/src/api/ExampleCostInsightsClient.ts
+++ b/plugins/cost-insights/src/api/ExampleCostInsightsClient.ts
@@ -34,7 +34,12 @@ import {
   UnlabeledDataflowAlert,
   UnlabeledDataflowData,
 } from '../types';
-import { DEFAULT_DATE_FORMAT, Duration, exclusiveEndDateOf, inclusiveStartDateOf } from '../utils/duration';
+import {
+  DEFAULT_DATE_FORMAT,
+  Duration,
+  exclusiveEndDateOf,
+  inclusiveStartDateOf,
+} from '../utils/duration';
 
 type IntervalFields = {
   duration: Duration;
diff --git a/plugins/cost-insights/src/components/CostGrowth/CostGrowth.test.tsx b/plugins/cost-insights/src/components/CostGrowth/CostGrowth.test.tsx
index 8744c5c6e7..7c319354aa 100644
--- a/plugins/cost-insights/src/components/CostGrowth/CostGrowth.test.tsx
+++ b/plugins/cost-insights/src/components/CostGrowth/CostGrowth.test.tsx
@@ -38,10 +38,10 @@ const MockContext = ({
   currency: Currency;
   engineerCost: number;
 }>) => (
-    <MockConfigProvider engineerCost={engineerCost}>
-      <MockCurrencyProvider currency={currency}>{children}</MockCurrencyProvider>
-    </MockConfigProvider>
-  );
+  <MockConfigProvider engineerCost={engineerCost}>
+    <MockCurrencyProvider currency={currency}>{children}</MockCurrencyProvider>
+  </MockConfigProvider>
+);
 
 describe.each`
   engineerCost | ratio           | amount     | expected
diff --git a/plugins/cost-insights/src/components/CostInsightsNavigation/CostInsightsNavigation.tsx b/plugins/cost-insights/src/components/CostInsightsNavigation/CostInsightsNavigation.tsx
index 20c7f4ec46..810fc767a7 100644
--- a/plugins/cost-insights/src/components/CostInsightsNavigation/CostInsightsNavigation.tsx
+++ b/plugins/cost-insights/src/components/CostInsightsNavigation/CostInsightsNavigation.tsx
@@ -66,10 +66,10 @@ export const CostInsightsNavigation = ({
                 })}
               </Badge>
             ) : (
-                React.cloneElement(item.icon, {
-                  className: classes.navigationIcon,
-                })
-              )
+              React.cloneElement(item.icon, {
+                className: classes.navigationIcon,
+              })
+            )
           }
           title={item.title}
         />
diff --git a/plugins/cost-insights/src/components/CostInsightsPage/CostInsightsPage.tsx b/plugins/cost-insights/src/components/CostInsightsPage/CostInsightsPage.tsx
index 21dfef63fb..150195fe0a 100644
--- a/plugins/cost-insights/src/components/CostInsightsPage/CostInsightsPage.tsx
+++ b/plugins/cost-insights/src/components/CostInsightsPage/CostInsightsPage.tsx
@@ -41,13 +41,7 @@ import {
   useLastCompleteBillingDate,
   useLoading,
 } from '../../hooks';
-import {
-  Alert,
-  Cost,
-  Maybe,
-  MetricData,
-  Project,
-} from '../../types';
+import { Alert, Cost, Maybe, MetricData, Project } from '../../types';
 import { mapLoadingToProps } from './selector';
 import { ProjectSelect } from '../ProjectSelect';
 import { intervalsOf } from '../../utils/duration';
diff --git a/plugins/cost-insights/src/components/ProjectGrowthAlertCard/ProjectGrowthAlertCard.tsx b/plugins/cost-insights/src/components/ProjectGrowthAlertCard/ProjectGrowthAlertCard.tsx
index 28e7948ca4..c32afcd257 100644
--- a/plugins/cost-insights/src/components/ProjectGrowthAlertCard/ProjectGrowthAlertCard.tsx
+++ b/plugins/cost-insights/src/components/ProjectGrowthAlertCard/ProjectGrowthAlertCard.tsx
@@ -32,8 +32,9 @@ export const ProjectGrowthAlertCard = ({ alert }: ProjectGrowthAlertProps) => {
   const [costStart, costEnd] = alert.aggregation;
 
   const subheader = `
-    ${alert.products.length} ${pluralOf(alert.products.length, 'product')}${alert.products.length > 1 ? ', sorted by cost' : ''
-    }`;
+    ${alert.products.length} ${pluralOf(alert.products.length, 'product')}${
+    alert.products.length > 1 ? ', sorted by cost' : ''
+  }`;
   const previousName = moment(alert.periodStart, 'YYYY-[Q]Q').format(
     '[Q]Q YYYY',
   );
diff --git a/plugins/cost-insights/src/hooks/useLoading.tsx b/plugins/cost-insights/src/hooks/useLoading.tsx
index 261f1e4077..420ac7ed56 100644
--- a/plugins/cost-insights/src/hooks/useLoading.tsx
+++ b/plugins/cost-insights/src/hooks/useLoading.tsx
@@ -68,7 +68,7 @@ export const LoadingProvider = ({ children }: PropsWithChildren<{}>) => {
       // Initial page loading is handled by progress bar
       setBackdropVisible(
         !state[DefaultLoadingAction.CostInsightsInitial] &&
-        Object.values(state).some(l => l),
+          Object.values(state).some(l => l),
       );
     }
     displayLoadingBackdrop();