diff --git a/plugins/cost-insights/src/components/ProductInsights/ProductInsights.test.tsx b/plugins/cost-insights/src/components/ProductInsights/ProductInsights.test.tsx
index 45d0946f86..3719bc8f6c 100644
--- a/plugins/cost-insights/src/components/ProductInsights/ProductInsights.test.tsx
+++ b/plugins/cost-insights/src/components/ProductInsights/ProductInsights.test.tsx
@@ -170,7 +170,7 @@ describe('<ProductInsights />', () => {
   }
 
   it('should render each product panel', async () => {
-    const noComputeEngineCostsRgx = /There are no Compute Engine costs within this timeframe for your team's projects./;
+    const noComputeEngineCostsRgx = /There are no Compute Engine costs within this time frame for your team's projects./;
     const { getByText } = await renderInContext(
       <ProductInsights
         onLoaded={jest.fn()}
diff --git a/plugins/cost-insights/src/components/ProductInsightsCard/ProductInsightsCard.test.tsx b/plugins/cost-insights/src/components/ProductInsightsCard/ProductInsightsCard.test.tsx
index fc37bc5dd6..572f2f6ca0 100644
--- a/plugins/cost-insights/src/components/ProductInsightsCard/ProductInsightsCard.test.tsx
+++ b/plugins/cost-insights/src/components/ProductInsightsCard/ProductInsightsCard.test.tsx
@@ -109,7 +109,7 @@ describe('<ProductInsightsCard/>', () => {
       aggregation: [0, 0],
       change: { ratio: 0, amount: 0 },
     };
-    const subheader = `There are no ${MockComputeEngine.name} costs within this timeframe for your team's projects.`;
+    const subheader = `There are no ${MockComputeEngine.name} costs within this time frame for your team's projects.`;
     const rendered = await renderProductInsightsCardInTestApp(
       entity,
       MockComputeEngine,
diff --git a/plugins/cost-insights/src/components/ProductInsightsCard/ProductInsightsCard.tsx b/plugins/cost-insights/src/components/ProductInsightsCard/ProductInsightsCard.tsx
index 534ef490c3..1d15b4f427 100644
--- a/plugins/cost-insights/src/components/ProductInsightsCard/ProductInsightsCard.tsx
+++ b/plugins/cost-insights/src/components/ProductInsightsCard/ProductInsightsCard.tsx
@@ -132,7 +132,7 @@ export const ProductInsightsCard = ({
         />
       ) : (
         <Typography>
-          There are no {product.name} costs within this timeframe for your
+          There are no {product.name} costs within this time frame for your
           team's projects.
         </Typography>
       )}