diff --git a/docs/_config.yml b/docs/_config.yml
index f62fd3ddb..67fcf2739 100644
--- a/docs/_config.yml
+++ b/docs/_config.yml
@@ -41,7 +41,7 @@ t:
     steps: Workflow steps
     deployments: Deployments
     contribute: Contributing
-    legacy: LEGACY
+    deprecated: Deprecated
   ja-jp:
     basic: 基本的な概念
     advanced: 応用コンセプト
@@ -51,8 +51,7 @@ t:
     deployments: Deployments
     reference: リファレンス
     contribute: 貢献
-    # TODO: translate these titles
-    legacy: LEGACY
+    deprecated: 非推奨
 
 # Metadata
 repo_name: bolt-js
diff --git a/docs/_includes/sidebar.html b/docs/_includes/sidebar.html
index 308f0ecd4..cb7aacac1 100644
--- a/docs/_includes/sidebar.html
+++ b/docs/_includes/sidebar.html
@@ -68,9 +68,9 @@
     <a href="{{ site.url | append: site.baseurl | append: localized_base_url }}/concepts#steps">
       <li class="title">
         {{ site.t[page.lang].steps }}
-        <!--UNCOMMENT AFTER GA <span class="label-legacy">
-          {{ site.t[page.lang].legacy }}
-        </span> -->
+        <span class="label-deprecated">
+          {{ site.t[page.lang].deprecated }}
+        </span>
       </li>
     </a>
     {% assign workflow_steps = site.steps | sort: "order" | where: "lang", page.lang %} {% for step in workflow_steps %}
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index b3c0247ea..20f2e3d9f 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -48,7 +48,12 @@ <h3 id="{{section.slug}}">{{ section.title }}</h3>
           {% assign workflow_steps = site.steps | sort: "order" | where: "lang", page.lang %} {% for section in
           workflow_steps %}
           <div class="section-wrapper">
-            <h3 id="{{section.slug}}">{{ section.title }}</h3>
+            <h3 id="{{section.slug}}">
+              {{ section.title }}
+              <span class="label-deprecated">
+                {{ site.t[page.lang].deprecated }}
+              </span>
+            </h3>
             {{ section.content | markdownify }}
             <hr />
           </div>
diff --git a/docs/_steps/workflow_steps_overview.md b/docs/_steps/workflow_steps_overview.md
index b4ad68a64..1f623579b 100644
--- a/docs/_steps/workflow_steps_overview.md
+++ b/docs/_steps/workflow_steps_overview.md
@@ -7,7 +7,7 @@ order: 1
 
 <div class="section-content">
 
-**⚠️ Workflow Steps from Apps are a legacy feature, not to be confused with workflows that are part of the next generation Slack platform. They are not interchangeable features. We encourage those who are currently publishing Workflow Steps from apps to consider the new [automation features](https://api.slack.com/automation).**
+**⚠️ Workflow Steps from Apps are a deprecated feature, not to be confused with workflows that are part of the next generation Slack platform. They are not interchangeable features. We encourage those who are currently publishing Workflow Steps from apps to consider the new [automation features](https://api.slack.com/automation) and [custom steps for bolt](https://api.slack.com/automation/functions/custom-bolt).**
 
 Workflow Steps from apps allow your app to create and process custom workflow steps that users can add using [Workflow Builder](https://api.slack.com/workflows).
 
diff --git a/docs/assets/style.css b/docs/assets/style.css
index 61f74bb50..84bbb5703 100644
--- a/docs/assets/style.css
+++ b/docs/assets/style.css
@@ -105,7 +105,7 @@ body {
   font-weight: 600;
 }
 
-.panel .sidebar-content ul.sidebar-section .label-legacy {
+.panel .sidebar-content ul.sidebar-section .label-deprecated {
   line-height: 1em;
   vertical-align: middle;
   color: var(--white);
@@ -234,7 +234,7 @@ body {
   padding-bottom: 1em;
 }
 
-.tutorial .label-legacy {
+.tutorial .label-deprecated {
   line-height: 1em;
   vertical-align: middle;
   color: var(--white);