diff --git a/studio/components/interfaces/Organization/BillingSettingsV2/CostControl/CostControl.tsx b/studio/components/interfaces/Organization/BillingSettingsV2/CostControl/CostControl.tsx
index 8926d07bde4..a0530cd4ea5 100644
--- a/studio/components/interfaces/Organization/BillingSettingsV2/CostControl/CostControl.tsx
+++ b/studio/components/interfaces/Organization/BillingSettingsV2/CostControl/CostControl.tsx
@@ -88,7 +88,7 @@ const CostControl = ({}: CostControlProps) => {
{currentPlan?.name || ''} plan requires you to have spend cap off at all times.
Your projects will never become unresponsive. Only when your{' '}
-
+
included usage
{' '}
@@ -99,7 +99,7 @@ const CostControl = ({}: CostControlProps) => {
You can control whether your organization is charged for additional usage beyond
the{' '}
-
+
included quota
{' '}
diff --git a/studio/components/interfaces/Organization/Usage/Bandwidth.tsx b/studio/components/interfaces/Organization/Usage/Bandwidth.tsx
index 633fddf58cf..771238a99d2 100644
--- a/studio/components/interfaces/Organization/Usage/Bandwidth.tsx
+++ b/studio/components/interfaces/Organization/Usage/Bandwidth.tsx
@@ -5,6 +5,7 @@ import UsageSection from './UsageSection/UsageSection'
const GB = 1073741824
+// [Joshen] Can remove this at the end
const MOCK_DATA_2 = [
{
period_start: '2023-06-01',
@@ -244,7 +245,7 @@ const Bandwidth = ({
[key: string]: { data: DataPoint[]; margin: number; isLoading: boolean; hasNoData: boolean }
} = {
[PricingMetric.EGRESS]: {
- data: MOCK_DATA_2, // egressData?.data ?? [],
+ data: egressData?.data ?? [],
margin: 16,
isLoading: isLoadingDbEgressData,
hasNoData: egressData?.hasNoData ?? false,