From 1e9873b3e4fcb6a3dbf2231f17cf3dac796f8170 Mon Sep 17 00:00:00 2001
From: Yash Kumar <hello@yash.run>
Date: Sat, 12 Sep 2026 15:59:18 +0530
Subject: [PATCH] fix(ui): change filter layout breakpoint to lg to prevent
 overflow on tablets

---
 .../dashboard/overview/show-overview-deployments.tsx        | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/dokploy/components/dashboard/overview/show-overview-deployments.tsx b/apps/dokploy/components/dashboard/overview/show-overview-deployments.tsx
index 28b433fa6..7075f6bc6 100644
--- a/apps/dokploy/components/dashboard/overview/show-overview-deployments.tsx
+++ b/apps/dokploy/components/dashboard/overview/show-overview-deployments.tsx
@@ -72,14 +72,14 @@ export const ShowOverviewDeployments = () => {
 						onValueChange={setSubtab}
 						className="w-full min-w-0"
 					>
-						{/* Responsive layout: Tabs on top and filters wrap below on mobile, inline single-row on md+ */}
-						<div className="flex flex-col md:flex-row md:items-center gap-y-4 gap-x-3 mt-2">
+						{/* Responsive layout: Tabs on top and filters wrap below on mobile/tablet, inline single-row on lg+ */}
+						<div className="flex flex-col lg:flex-row lg:items-center gap-y-4 gap-x-3 mt-2">
 							<TabsList className="self-start shrink-0">
 								<TabsTrigger value="deployments">Deployments</TabsTrigger>
 								<TabsTrigger value="queue">Queue</TabsTrigger>
 							</TabsList>
 							{subtab === "deployments" && (
-								<div className="flex flex-wrap md:flex-nowrap items-center gap-2 md:ml-auto">
+								<div className="flex flex-wrap lg:flex-nowrap items-center gap-2 lg:ml-auto">
 									<Input
 										placeholder="Search by name, project, environment, server..."
 										value={globalFilter}