diff --git a/packages/ag-charts-website/src/content/docs/localisation/index.mdoc b/packages/ag-charts-website/src/content/docs/localisation/index.mdoc
index e71f4fa49c..a91d45f252 100644
--- a/packages/ag-charts-website/src/content/docs/localisation/index.mdoc
+++ b/packages/ag-charts-website/src/content/docs/localisation/index.mdoc
@@ -140,12 +140,12 @@ You can integrate the internationalisation framework using the `getLocaleText` o
 
 If you return `undefined` from this function, it will fall back to the default behaviour of using `localeText` with the default formatter.
 
+{% if isFramework("javascript") %}
+
 ### Framework Integration Examples
 
 {% tabs %}
 
-{% if isFramework("javascript", "angular", "vue") %}
-
 {% tabItem id="FormatJS" label="FormatJS" %}
 
 ```js
@@ -206,10 +206,16 @@ AgCharts.create({
 
 {% /tabItem %}
 
+{% /tabs %}
+
 {% /if %}
 
 {% if isFramework("react") %}
 
+### Framework Integration Examples
+
+{% tabs %}
+
 {% tabItem id="React Intl" label="React Intl" %}
 
 ```jsx
@@ -288,10 +294,10 @@ const MyChart = () => {
 
 {% /tabItem %}
 
-{% /if %}
-
 {% /tabs %}
 
+{% /if %}
+
 ## API Reference
 
 {% tabs %}