From ee3f2e91d0be8010a30106cc17a9416c2ce1f820 Mon Sep 17 00:00:00 2001
From: Thomas Neirynck <thomas@elastic.co>
Date: Thu, 14 Oct 2021 14:27:41 -0400
Subject: [PATCH] [fleet][ui] Fix offset image; scrollbar flashing; missing
 assets in Stories (#114406) (#115037)

Co-authored-by: Clint Andrew Hall <clint.hall@elastic.co>
---
 packages/kbn-storybook/src/lib/run_storybook_cli.ts         | 6 +++++-
 .../plugins/fleet/public/applications/integrations/app.tsx  | 6 ++----
 .../public/applications/integrations/layouts/default.tsx    | 2 ++
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/kbn-storybook/src/lib/run_storybook_cli.ts b/packages/kbn-storybook/src/lib/run_storybook_cli.ts
index 24a3e4511f7be..93197a1f2b318 100644
--- a/packages/kbn-storybook/src/lib/run_storybook_cli.ts
+++ b/packages/kbn-storybook/src/lib/run_storybook_cli.ts
@@ -36,7 +36,11 @@ export function runStorybookCli({ configDir, name }: { configDir: string; name:
     async ({ flags, log }) => {
       log.debug('Global config:\n', constants);
 
-      const staticDir = [UiSharedDepsNpm.distDir, UiSharedDepsSrc.distDir];
+      const staticDir = [
+        UiSharedDepsNpm.distDir,
+        UiSharedDepsSrc.distDir,
+        'src/plugins/kibana_react/public/assets:plugins/kibanaReact/assets',
+      ];
       const config: Record<string, any> = {
         configDir,
         mode: flags.site ? 'static' : 'dev',
diff --git a/x-pack/plugins/fleet/public/applications/integrations/app.tsx b/x-pack/plugins/fleet/public/applications/integrations/app.tsx
index cad5b2e3631e0..c2f6f53627e38 100644
--- a/x-pack/plugins/fleet/public/applications/integrations/app.tsx
+++ b/x-pack/plugins/fleet/public/applications/integrations/app.tsx
@@ -37,16 +37,14 @@ import { Error, Loading, SettingFlyout } from './components';
 import type { UIExtensionsStorage } from './types';
 
 import { EPMApp } from './sections/epm';
-import { DefaultLayout, WithoutHeaderLayout } from './layouts';
+import { DefaultLayout } from './layouts';
 import { PackageInstallProvider } from './hooks';
 import { useBreadcrumbs, UIExtensionsContext } from './hooks';
 import { IntegrationsHeader } from './components/header';
 
 const ErrorLayout = ({ children }: { children: JSX.Element }) => (
   <EuiErrorBoundary>
-    <DefaultLayout>
-      <WithoutHeaderLayout>{children}</WithoutHeaderLayout>
-    </DefaultLayout>
+    <DefaultLayout>{children}</DefaultLayout>
   </EuiErrorBoundary>
 );
 
diff --git a/x-pack/plugins/fleet/public/applications/integrations/layouts/default.tsx b/x-pack/plugins/fleet/public/applications/integrations/layouts/default.tsx
index e4de48a85c35a..70e55c9bd56b0 100644
--- a/x-pack/plugins/fleet/public/applications/integrations/layouts/default.tsx
+++ b/x-pack/plugins/fleet/public/applications/integrations/layouts/default.tsx
@@ -28,6 +28,8 @@ interface Props {
 
 const Illustration = styled(EuiImage)`
   margin-bottom: -68px;
+  position: relative;
+  top: -20px;
   width: 80%;
 `;