diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_list_grid/grid.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_list_grid/grid.tsx
index 6e9bd90b9266f..b5858c7371849 100644
--- a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_list_grid/grid.tsx
+++ b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_list_grid/grid.tsx
@@ -56,12 +56,12 @@ export const GridColumn = ({
     })
   );
 
-  // Reset the row measurement cache when the list changes
+  // Reset the row measurement cache, update position, and recompute row height when the list changes
   useEffect(() => {
     rowMeasurementCache?.current?.clearAll();
-
     windowScrollerRef.current?.updatePosition();
-  }, [list.length, columnCount, isLoading]);
+    listRef.current?.recomputeRowHeights(0);
+  }, [list, columnCount, isLoading]);
 
   // Use to work on small screen when categories are loaded
   useEffect(() => {
diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/components/side_bar.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/components/side_bar.tsx
index 4eea407e47051..e3b58167ae03c 100644
--- a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/components/side_bar.tsx
+++ b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/browse_integrations/components/side_bar.tsx
@@ -115,7 +115,6 @@ export const Sidebar: React.FC<SidebarProps> = ({
     <StickySidebar>
       {CreateIntegrationCardButton && !isLoadingCreatedIntegrations && (
         <>
-          <EuiSpacer size="s" />
           {hasCreatedIntegrations ? (
             <EuiLink
               color="text"
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 d64055d76d117..0c0f260c59690 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
@@ -9,8 +9,6 @@ import React, { useCallback, useMemo } from 'react';
 import { EuiFlexItem, EuiFlexGroup, EuiSpacer, useEuiTheme } from '@elastic/eui';
 import { useLocation, useHistory } from 'react-router-dom';
 
-import { css } from '@emotion/react';
-
 import { useBreadcrumbs, useStartServices } from '../../../../hooks';
 import { NoEprCallout } from '../../components/no_epr_callout';
 import { categoryExists } from '../home';
@@ -125,13 +123,7 @@ export const BrowseIntegrationsPage: React.FC<{ prereleaseIntegrationsEnabled: b
         onManageIntegrationsClick={onManageIntegrationsClick}
       />
       <EuiFlexItem grow={5}>
-        <EuiFlexGroup
-          direction="column"
-          gutterSize="none"
-          css={css`
-            padding: 16px 8px;
-          `}
-        >
+        <EuiFlexGroup direction="column" gutterSize="none">
           {!isManageIntegrationsView && (
             <SearchAndFiltersBar
               categories={mainCategories}