From 2b13b27be96a5aa9fbccbd205dcf4f819ad850b9 Mon Sep 17 00:00:00 2001
From: Tushar <103761473+Tusharjain123@users.noreply.github.com>
Date: Sun, 17 Sep 2023 18:27:31 +0530
Subject: [PATCH] =?UTF-8?q?fix:=20filter=20section=20is=20overflowing=20fo?=
 =?UTF-8?q?r=20small=20screen=20in=20dashboard=20sect=E2=80=A6=20(#1690)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Akshat Nema <76521428+akshatnema@users.noreply.github.com>
---
 components/dashboard/table/Filters.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/dashboard/table/Filters.js b/components/dashboard/table/Filters.js
index 7bff24baccf..2d3302ad1cf 100644
--- a/components/dashboard/table/Filters.js
+++ b/components/dashboard/table/Filters.js
@@ -68,13 +68,14 @@ 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 ?? '',
+              left: x > 0 ? x : "",
             }}
-            data-testid="Filter-menu">
-            <div className="bg-white w-96 shadow-xl rounded">
+            data-testid="Filter-menu"
+          >
+            <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">