From cd96ec94fc79b4b1a8dcf669758feb621162fab4 Mon Sep 17 00:00:00 2001
From: "Julian@Hasura" <118911427+julian-mayorga@users.noreply.github.com>
Date: Thu, 13 Apr 2023 17:38:44 -0300
Subject: [PATCH] Enable automatic layout with collision detection in browse
 rows dropdown DSF-236

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/8771
GitOrigin-RevId: 75e30b0f8b23018f305c62babe53399b12b5515d
---
 .../src/lib/new-components/DropdownMenu/DropdownMenu.tsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/libs/console/legacy-ce/src/lib/new-components/DropdownMenu/DropdownMenu.tsx b/frontend/libs/console/legacy-ce/src/lib/new-components/DropdownMenu/DropdownMenu.tsx
index 5fdc9b18ec9..b02cb0757b7 100644
--- a/frontend/libs/console/legacy-ce/src/lib/new-components/DropdownMenu/DropdownMenu.tsx
+++ b/frontend/libs/console/legacy-ce/src/lib/new-components/DropdownMenu/DropdownMenu.tsx
@@ -70,7 +70,7 @@ export const DropdownMenu: React.FC<DropdownMenuProps> = ({
         {...options?.content}
         className={zIndex}
       >
-        <div className="origin-top-left absolute left-0 z-10 mt-xs w-max rounded shadow-md bg-white ring-1 ring-gray-300 divide-y divide-gray-300 focus:outline-none">
+        <div className="z-10 mt-xs w-max rounded shadow-md bg-white ring-1 ring-gray-300 divide-y divide-gray-300 focus:outline-none">
           {items.map((group, groupIndex) => (
             <div className="py-1" key={groupIndex}>
               {group.map((item, itemIndex) => (