From 2de65d70e02ea5ddb21744999d33f880859c3002 Mon Sep 17 00:00:00 2001
From: Thuan Vo <thuan.votann@gmail.com>
Date: Sat, 7 Sep 2024 23:04:52 -0700
Subject: [PATCH] fix: mount action menu higher for rule row

---
 src/app/Rules/Rules.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/Rules/Rules.tsx b/src/app/Rules/Rules.tsx
index 34ff3b1d3..cbe8739bd 100644
--- a/src/app/Rules/Rules.tsx
+++ b/src/app/Rules/Rules.tsx
@@ -21,7 +21,7 @@ import { MatchExpressionDisplay } from '@app/Shared/Components/MatchExpression/M
 import { Rule, NotificationCategory } from '@app/Shared/Services/api.types';
 import { ServiceContext } from '@app/Shared/Services/Services';
 import { useSubscriptions } from '@app/utils/hooks/useSubscriptions';
-import { TableColumn, formatBytes, formatDuration, sortResources } from '@app/utils/utils';
+import { TableColumn, formatBytes, formatDuration, sortResources, portalRoot } from '@app/utils/utils';
 import {
   Button,
   Card,
@@ -367,7 +367,7 @@ export const RulesTable: React.FC<RulesTableProps> = () => {
             <ActionsColumn
               items={actionResolver(r)}
               popperProps={{
-                appendTo: () => document.getElementById('automated-rule-toolbar') || document.body,
+                appendTo: portalRoot,
                 position: 'right',
               }}
             />