diff --git a/components/Block/Tier.vue b/components/Block/Tier.vue
index 0cf1b887..dfdac8bb 100644
--- a/components/Block/Tier.vue
+++ b/components/Block/Tier.vue
@@ -38,12 +38,12 @@ const { data: block } = useAsyncData(props.uuid, () =>
{{ block.badge }}
-
{{ block.name }}
+
{{ block.name }}
{{ block.subtext }}
-
- {{ block.price }}
+
+ {{ block.price }}
- {{ block.term }}
+ {{ block.term }}
diff --git a/pages/[...permalink].vue b/pages/[...permalink].vue
index a6eaa1b0..f46daeb1 100644
--- a/pages/[...permalink].vue
+++ b/pages/[...permalink].vue
@@ -80,7 +80,14 @@ const sections = computed(() => {
if (block.experiment && block.experiment_variant) {
const featureFlag = getFeatureFlag(block.experiment.feature_flag);
- addBlock = featureFlag.value === block.experiment_variant.key;
+
+ if (!featureFlag.value) {
+ // PostHog is blocked or unavailable, show the control variant
+ addBlock = block.experiment_variant.key === 'control';
+ } else {
+ // PostHog is available, use the returned value
+ addBlock = featureFlag.value === block.experiment_variant.key;
+ }
}
// If the block should not be added, skip to the next iteration