From 464b5a1f5fb1a2f11b630a8b46b44dfa588b8b22 Mon Sep 17 00:00:00 2001
From: Tushar123 <jain0735@gmail.com>
Date: Fri, 19 May 2023 00:07:39 +0530
Subject: [PATCH 1/3] fix: filter section is overflowing for small screen in
 dashboard section #1564

---
 components/dashboard/table/Filters.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/dashboard/table/Filters.js b/components/dashboard/table/Filters.js
index 080d8f6c80e..5ce0d48021a 100644
--- a/components/dashboard/table/Filters.js
+++ b/components/dashboard/table/Filters.js
@@ -68,10 +68,10 @@ export default function Filters({
             style={{
               position: strategy,
               top: y ?? '',
-              left: x ?? '',
+              left: x>0? x??'':"14px",
             }}
           >
-            <div className="bg-white w-96 shadow-xl rounded">
+            <div className="bg-white shadow-xl rounded" style={{width: "19rem"}}>
               <div className="flex p-4">
                 <h4 className="text-base">Filter Issues</h4>
                 <button onClick={() => setOpen(!open)} className="ml-auto">

From 6d2dde2611e31be9e7eb2ad02f0bde1e47d3eb6e Mon Sep 17 00:00:00 2001
From: Tushar123 <jain0735@gmail.com>
Date: Wed, 24 May 2023 12:12:56 +0530
Subject: [PATCH 2/3] fix: filter section is overflowing for small screen in
 dashboard section asyncapi#1564

---
 components/dashboard/table/Filters.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/dashboard/table/Filters.js b/components/dashboard/table/Filters.js
index 5ce0d48021a..55867100df4 100644
--- a/components/dashboard/table/Filters.js
+++ b/components/dashboard/table/Filters.js
@@ -71,7 +71,7 @@ export default function Filters({
               left: x>0? x??'':"14px",
             }}
           >
-            <div className="bg-white shadow-xl rounded" style={{width: "19rem"}}>
+            <div className="bg-white shadow-xl rounded w-[19rem]">
               <div className="flex p-4">
                 <h4 className="text-base">Filter Issues</h4>
                 <button onClick={() => setOpen(!open)} className="ml-auto">

From 3039ec3dc654c5f6962556071a51d61ec5d1036c Mon Sep 17 00:00:00 2001
From: Tushar123 <jain0735@gmail.com>
Date: Fri, 23 Jun 2023 19:10:11 +0530
Subject: [PATCH 3/3] =?UTF-8?q?fix:=20filter=20section=20is=20overflowing?=
 =?UTF-8?q?=20for=20small=20screen=20in=20dashboard=20sect=E2=80=A6=20#169?=
 =?UTF-8?q?0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/dashboard/table/Filters.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/dashboard/table/Filters.js b/components/dashboard/table/Filters.js
index 55867100df4..d09144e57e1 100644
--- a/components/dashboard/table/Filters.js
+++ b/components/dashboard/table/Filters.js
@@ -65,13 +65,13 @@ export default function Filters({
         {open && (
           <div
             ref={floating}
+            className={`${strategy} ${(x && x > 0) ? `left-[${x}px]` : "left-[14px]"}`}
             style={{
-              position: strategy,
               top: y ?? '',
-              left: x>0? x??'':"14px",
+              left: x > 0 ? x : "",
             }}
           >
-            <div className="bg-white shadow-xl rounded w-[19rem]">
+            <div className="bg-white shadow-xl w-96 rounded max-w-[19rem]">
               <div className="flex p-4">
                 <h4 className="text-base">Filter Issues</h4>
                 <button onClick={() => setOpen(!open)} className="ml-auto">