From f2b8cf1a5bfa022ab57a2a379b41180f4542921e Mon Sep 17 00:00:00 2001
From: robester0403 <robert.so@elastic.co>
Date: Wed, 22 Apr 2026 17:37:36 -0400
Subject: [PATCH 1/3] fix: added deps to use effect so it fires properly when
 dep are fully loaded

---
 .../components/manage_integrations_table.tsx    | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/components/manage_integrations_table.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/components/manage_integrations_table.tsx
index c011975e076ae..0a30588a11187 100644
--- a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/components/manage_integrations_table.tsx
+++ b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/components/manage_integrations_table.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { css } from '@emotion/react';
 import {
   EuiBadge,
@@ -131,13 +131,16 @@ export const ManageIntegrationsTable: React.FC<{
     userProfile: userProfileService,
   } = useStartServices();
 
+  const hasReportedView = useRef(false);
   useEffect(() => {
-    (automaticImport?.telemetry as AutomaticImportTelemetry)?.reportEvent(
-      'automatic_import_manage_integrations_table_viewed',
-      {}
-    );
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+    if (!isLoading && !hasReportedView.current) {
+      (automaticImport?.telemetry as AutomaticImportTelemetry)?.reportEvent(
+        'automatic_import_manage_integrations_table_viewed',
+        {}
+      );
+      hasReportedView.current = true;
+    }
+  }, [isLoading, automaticImport]);
 
   const integrationsWithActions = useMemo(() => {
     return integrations.map((item) => {

From 5d7a1fb77c0daf75ce53f634dafc9ab3b4be3cbb Mon Sep 17 00:00:00 2001
From: robester0403 <robert.so@elastic.co>
Date: Wed, 22 Apr 2026 17:48:46 -0400
Subject: [PATCH 2/3] fix: Adjust padding for the top of the manage
 integrations table.

---
 .../sections/epm/screens/browse_integrations/index.tsx           | 1 +
 1 file changed, 1 insertion(+)

diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/index.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/index.tsx
index 5cbd98730f3e8..610e5801a0033 100644
--- a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/index.tsx
+++ b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/index.tsx
@@ -137,6 +137,7 @@ export const BrowseIntegrationsPage: React.FC<{ prereleaseIntegrationsEnabled: b
             style={{
               position: 'relative',
               backgroundColor: euiTheme.euiTheme.colors.backgroundBasePlain,
+              paddingTop: euiTheme.euiTheme.size.m,
             }}
           >
             {isManageIntegrationsView ? (

From 3a01eb804b98eaaf1b1928e40dcc7bc25ad592fc Mon Sep 17 00:00:00 2001
From: robester0403 <robert.so@elastic.co>
Date: Wed, 22 Apr 2026 20:06:54 -0400
Subject: [PATCH 3/3] fix: Replaced padding with spacer component to put some
 space between top of manage integrations table

---
 .../epm/screens/browse_integrations/index.tsx  | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/index.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/index.tsx
index 610e5801a0033..0f8dd7e3e38af 100644
--- a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/index.tsx
+++ b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/index.tsx
@@ -137,17 +137,19 @@ export const BrowseIntegrationsPage: React.FC<{ prereleaseIntegrationsEnabled: b
             style={{
               position: 'relative',
               backgroundColor: euiTheme.euiTheme.colors.backgroundBasePlain,
-              paddingTop: euiTheme.euiTheme.size.m,
             }}
           >
             {isManageIntegrationsView ? (
-              <ManageIntegrationsTable
-                integrations={integrations}
-                isLoading={isLoadingCreatedIntegrations}
-                isError={isCreatedIntegrationsError}
-                onRefetch={refetchCreatedIntegrations}
-                prereleaseIntegrationsEnabled={prereleaseIntegrationsEnabled}
-              />
+              <>
+                <EuiSpacer size="m" />
+                <ManageIntegrationsTable
+                  integrations={integrations}
+                  isLoading={isLoadingCreatedIntegrations}
+                  isError={isCreatedIntegrationsError}
+                  onRefetch={refetchCreatedIntegrations}
+                  prereleaseIntegrationsEnabled={prereleaseIntegrationsEnabled}
+                />
+              </>
             ) : filteredCards.length === 0 && !isLoading ? (
               <NoDataPrompt />
             ) : (