diff --git a/src/content/docs/en/guides/deploy/heroku.mdx b/src/content/docs/en/guides/deploy/heroku.mdx
index 9dafb557013ef..1bc705d7cbcc9 100644
--- a/src/content/docs/en/guides/deploy/heroku.mdx
+++ b/src/content/docs/en/guides/deploy/heroku.mdx
@@ -4,6 +4,8 @@ description: How to deploy your Astro site to the web using Heroku.
 type: deploy
 i18nReady: true
 ---
+import { Steps } from '@astrojs/starlight/components';
+
 [Heroku](https://www.heroku.com/) is a platform-as-a-service for building, running, and managing modern apps in the cloud. You can deploy an Astro site to Heroku using this guide.
 
 :::danger
@@ -12,6 +14,7 @@ The following instructions use [the deprecated `heroku-static-buildpack`](https:
 
 ## How to deploy
 
+<Steps>
 1. Install the [Heroku CLI](https://devcenter.heroku.com/articles/heroku-cli).
 
 2. Create a Heroku account by [signing up](https://signup.heroku.com/).
@@ -56,3 +59,4 @@ The following instructions use [the deprecated `heroku-static-buildpack`](https:
    # opens a browser to view the Dashboard version of Heroku CI
    $ heroku open
    ```
+</Steps>