diff --git a/website/content/docs/builders/azure/arm.mdx b/website/content/docs/builders/azure/arm.mdx
index a888d340b..ff4b2b41d 100644
--- a/website/content/docs/builders/azure/arm.mdx
+++ b/website/content/docs/builders/azure/arm.mdx
@@ -162,37 +162,6 @@ In addition to the builder options, a communicator may also be defined:
 Here is a basic example for Azure.
 
 <Tabs>
-<Tab heading="JSON">
-
-```json
-{
-  "type": "azure-arm",
-
-  "client_id": "fe354398-d7sf-4dc9-87fd-c432cd8a7e09",
-  "client_secret": "keepitsecret&#*$",
-  "resource_group_name": "packerdemo",
-  "storage_account": "virtualmachines",
-  "subscription_id": "44cae533-4247-4093-42cf-897ded6e7823",
-  "tenant_id": "de39842a-caba-497e-a798-7896aea43218",
-
-  "capture_container_name": "images",
-  "capture_name_prefix": "packer",
-
-  "os_type": "Linux",
-  "image_publisher": "Canonical",
-  "image_offer": "UbuntuServer",
-  "image_sku": "14.04.4-LTS",
-
-  "azure_tags": {
-    "dept": "engineering"
-  },
-
-  "location": "West US",
-  "vm_size": "Standard_A2"
-}
-```
-
-</Tab>
 <Tab heading="HCL2">
 
 ```hcl
@@ -225,6 +194,37 @@ build {
 }
 ```
 
+</Tab>
+<Tab heading="JSON">
+
+```json
+{
+  "type": "azure-arm",
+
+  "client_id": "fe354398-d7sf-4dc9-87fd-c432cd8a7e09",
+  "client_secret": "keepitsecret&#*$",
+  "resource_group_name": "packerdemo",
+  "storage_account": "virtualmachines",
+  "subscription_id": "44cae533-4247-4093-42cf-897ded6e7823",
+  "tenant_id": "de39842a-caba-497e-a798-7896aea43218",
+
+  "capture_container_name": "images",
+  "capture_name_prefix": "packer",
+
+  "os_type": "Linux",
+  "image_publisher": "Canonical",
+  "image_offer": "UbuntuServer",
+  "image_sku": "14.04.4-LTS",
+
+  "azure_tags": {
+    "dept": "engineering"
+  },
+
+  "location": "West US",
+  "vm_size": "Standard_A2"
+}
+```
+
 </Tab>
 </Tabs>