diff --git a/daprdocs/content/en/getting-started/_index.md b/daprdocs/content/en/getting-started/_index.md
index bfcf1a98f..8330ffd79 100644
--- a/daprdocs/content/en/getting-started/_index.md
+++ b/daprdocs/content/en/getting-started/_index.md
@@ -22,5 +22,6 @@ The following steps in this guide are:
 1. Configure a component
 1. Explore Dapr quickstarts
 
-<a class="btn btn-primary" href="{{< ref install-dapr-cli.md >}}" role="button">First step: Install the Dapr CLI >></a>
-
+{{% alert color="primary" %}}
+[First step: Install the Dapr CLI >>]({{< ref install-dapr-cli.md >}})
+{{% /alert %}}
diff --git a/daprdocs/content/en/getting-started/get-started-api.md b/daprdocs/content/en/getting-started/get-started-api.md
index b795de4f0..4683eb918 100644
--- a/daprdocs/content/en/getting-started/get-started-api.md
+++ b/daprdocs/content/en/getting-started/get-started-api.md
@@ -101,4 +101,6 @@ Exit the redis-cli with:
 exit
 ```
 
-<a class="btn btn-primary" href="{{< ref get-started-component.md >}}" role="button">Next step: Define a component >></a>
+{{% alert color="primary" %}}
+[Next step: Define a component >>]({{< ref get-started-component.md >}})
+{{% /alert %}}
diff --git a/daprdocs/content/en/getting-started/get-started-component.md b/daprdocs/content/en/getting-started/get-started-component.md
index 73c13bdfd..e64fa18bc 100644
--- a/daprdocs/content/en/getting-started/get-started-component.md
+++ b/daprdocs/content/en/getting-started/get-started-component.md
@@ -90,4 +90,6 @@ You should see output with the secret you stored in the JSON file.
 {"my-secret":"I'm Batman"}
 ```
 
-<a class="btn btn-primary" href="{{< ref quickstarts.md >}}" role="button">Next step: Explore Dapr quickstarts >></a>
+{{% alert color="primary" %}}
+[Next step: Explore Dapr quickstarts >>]({{< ref quickstarts.md >}})
+{{% /alert %}}
\ No newline at end of file
diff --git a/daprdocs/content/en/getting-started/install-dapr-cli.md b/daprdocs/content/en/getting-started/install-dapr-cli.md
index f6ea8a6be..8da604d0a 100644
--- a/daprdocs/content/en/getting-started/install-dapr-cli.md
+++ b/daprdocs/content/en/getting-started/install-dapr-cli.md
@@ -110,5 +110,6 @@ Flags:
 Use "dapr [command] --help" for more information about a command.
 ```
 
-<a class="btn btn-primary" href="{{< ref install-dapr-selfhost.md >}}" role="button">Next step: Initialize Dapr >></a>
-
+{{% alert color="primary" %}}
+[Next step: Initialize Dapr >>]({{< ref install-dapr-selfhost.md >}})
+{{% /alert %}}
\ No newline at end of file
diff --git a/daprdocs/content/en/getting-started/install-dapr-selfhost.md b/daprdocs/content/en/getting-started/install-dapr-selfhost.md
index c6ab64b43..218bd826b 100644
--- a/daprdocs/content/en/getting-started/install-dapr-selfhost.md
+++ b/daprdocs/content/en/getting-started/install-dapr-selfhost.md
@@ -109,5 +109,6 @@ You will see the Dapr config, Dapr binaries directory, and the default component
 
 {{< /tabs >}}
 
-<a class="btn btn-primary" href="{{< ref get-started-api.md >}}" role="button">Next step: Use the Dapr API >></a>
-
+{{% alert color="primary" %}}
+[Next step: Use the Dapr API >>]({{< ref get-started-api.md >}})
+{{% /alert %}}
\ No newline at end of file