diff --git a/.changeset/twelve-rings-sleep.md b/.changeset/twelve-rings-sleep.md
new file mode 100644
index 000000000..6d6bf74b6
--- /dev/null
+++ b/.changeset/twelve-rings-sleep.md
@@ -0,0 +1,5 @@
+---
+"@tabler/docs": patch
+---
+
+Add missing `.steps-vertical` classes in docs
diff --git a/docs/content/ui/getting-started/how-to-contribute.md b/docs/content/ui/getting-started/how-to-contribute.md
index e8e19bf80..f29e53e96 100644
--- a/docs/content/ui/getting-started/how-to-contribute.md
+++ b/docs/content/ui/getting-started/how-to-contribute.md
@@ -37,7 +37,7 @@ Follow these steps to set up Tabler for development:
 
 To set up Tabler for development, follow these steps:
 
-<div class="steps">
+<div class="steps steps-vertical">
 
 ### Ensure Node.js and npm are installed
 
diff --git a/docs/content/ui/getting-started/installation.md b/docs/content/ui/getting-started/installation.md
index 911f15142..7259a1f00 100644
--- a/docs/content/ui/getting-started/installation.md
+++ b/docs/content/ui/getting-started/installation.md
@@ -7,7 +7,7 @@ description: "Set up Tabler: HTML, CSS, JS, and build stunning UIs."
 
 This guide will take you through the essential steps to set up Tabler in your project, from creating a basic HTML file to incorporating Tabler’s styles and scripts. Let’s dive in!
 
-<div class="steps">
+<div class="steps steps-vertical">
 
 ### Create a Basic HTML File