From ef18be5abe2f284ba9d593e5f736748e539758df Mon Sep 17 00:00:00 2001
From: Vinay kumar Korakoppula <vinaykumar22ra1a6694@gmail.com>
Date: Thu, 30 Jul 2026 21:56:02 +0530
Subject: [PATCH] Fix `.steps` horizontal overflow on mobile (#2586)

---
 core/scss/ui/_steps.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/core/scss/ui/_steps.scss b/core/scss/ui/_steps.scss
index 4b7d67eeb..4f747aa40 100644
--- a/core/scss/ui/_steps.scss
+++ b/core/scss/ui/_steps.scss
@@ -15,6 +15,17 @@
   margin: 0;
   list-style: none;
 }
+//
+// Steps responsive (mobile)
+//
+@media (max-width: 576px) {
+  .steps {
+    overflow-x: auto;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+
 
 @each $name, $color in $extra-colors {
   .steps-#{$name} {