From add15bec2efde78d2da4adad6c87b538c89d7f25 Mon Sep 17 00:00:00 2001
From: Sarah Alsmiller <sarah.alsmiller@hashicorp.com>
Date: Thu, 21 Jul 2022 16:54:03 -0500
Subject: [PATCH] fix tabs

---
 website/content/docs/api-gateway/install.mdx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/website/content/docs/api-gateway/install.mdx b/website/content/docs/api-gateway/install.mdx
index faf8f7da90..a8b4ed2a3e 100644
--- a/website/content/docs/api-gateway/install.mdx
+++ b/website/content/docs/api-gateway/install.mdx
@@ -49,10 +49,8 @@ $ kubectl apply --kustomize="github.com/hashicorp/consul-api-gateway/config/crd?
 
 1. Install Consul API Gateway using the standard Consul Helm chart or Consul K8s CLI specify the custom values file. Available versions of the [Consul Helm chart](https://github.com/hashicorp/consul-k8s/releases) can be found in GitHub releases.
 
-
-## Install {.tabset}
-
-### Helm
+<Tabs>
+<Tab heading="Helm">
 
   ```shell-session
 $ helm repo add hashicorp https://helm.releases.hashicorp.com
@@ -60,10 +58,10 @@ $ helm repo add hashicorp https://helm.releases.hashicorp.com
 
 ```shell-session
 $ helm install consul hashicorp/consul --version 0.45.0 --values values.yaml --create-namespace --namespace consul
- ```
-
-### Consul K8s CLI (Mac Only)
+  ```
+</Tab>helm>
 
+<Tab heading="Consul K8s CLI (Mac Only)"></Tab>
 Note: You can review the official [Consul K8S CLI documentation](https://www.consul.io/docs/k8s/k8s-cli) to learn more about additional settings.
 
 ```shell-session
@@ -77,8 +75,8 @@ $ brew install hashicorp/tap/consul-k8s
 ```shell-session
 $ consul-k8s install -config-file=values.yaml -set global.image=hashicorp/consul:1.12.2
 ```
-## {-}
-
+</Tab>
+</Tabs>
 <!--
     ****** KEEP ALL PAGE CONTENT ABOVE THIS LINE *******
     Only Reference style links should be added below this comment