From c48fb44a8d335ef615ac54b988606414e88d8850 Mon Sep 17 00:00:00 2001
From: Kartik Labhshetwar <kartik.labhshetwar@gmail.com>
Date: Tue, 7 Oct 2025 21:19:58 +0530
Subject: [PATCH] fix: make empty screen template grid mobile responsive
 (#24259)

* fix: make empty screen template grid mobile responsive

* refactor: adjust EmptyScreen layout classes for responsive grid

---------

Co-authored-by: Kartik Saini <41051387+kart1ka@users.noreply.github.com>
---
 packages/features/ee/workflows/components/EmptyScreen.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/features/ee/workflows/components/EmptyScreen.tsx b/packages/features/ee/workflows/components/EmptyScreen.tsx
index 0e75a88ec0..0121e82249 100644
--- a/packages/features/ee/workflows/components/EmptyScreen.tsx
+++ b/packages/features/ee/workflows/components/EmptyScreen.tsx
@@ -148,7 +148,7 @@ const TemplateSection = ({ title, examples }: { title: string; examples: Workflo
     <div className="flex items-center justify-center">
       <div className="bg-muted flex max-w-5xl flex-col rounded-md p-2">
         <h2 className="text-emphasis mb-2 text-base font-semibold">{title}</h2>
-        <div className="grid-cols-none items-center gap-2 lg:grid lg:grid-cols-3">
+        <div className="grid grid-cols-1 items-center gap-2 lg:grid-cols-3">
           {examples.map((example: WorkflowExampleType, index: number) => (
             <WorkflowExample
               key={index}