diff --git a/x-pack/plugins/graph/public/_main.scss b/x-pack/plugins/graph/public/_main.scss
index 2559b7d1aba5..0d1701538529 100644
--- a/x-pack/plugins/graph/public/_main.scss
+++ b/x-pack/plugins/graph/public/_main.scss
@@ -25,3 +25,9 @@
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
+
+.gphAppWrapper {
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+}
diff --git a/x-pack/plugins/graph/public/application.ts b/x-pack/plugins/graph/public/application.ts
index fee42bdbeaf3..35ec0bb2bf6c 100644
--- a/x-pack/plugins/graph/public/application.ts
+++ b/x-pack/plugins/graph/public/application.ts
@@ -96,7 +96,7 @@ export const renderApp = ({ appBasePath, element, ...deps }: GraphDependencies)
};
};
-const mainTemplate = (basePath: string) => `
+const mainTemplate = (basePath: string) => `
`;
@@ -107,14 +107,14 @@ const thirdPartyAngularDependencies = ['ngSanitize', 'ngRoute', 'react', 'ui.boo
function mountGraphApp(appBasePath: string, element: HTMLElement) {
const mountpoint = document.createElement('div');
- mountpoint.setAttribute('class', 'kbnLocalApplicationWrapper');
+ mountpoint.setAttribute('class', 'gphAppWrapper');
// eslint-disable-next-line
mountpoint.innerHTML = mainTemplate(appBasePath);
// bootstrap angular into detached element and attach it later to
// make angular-within-angular possible
const $injector = angular.bootstrap(mountpoint, [moduleName]);
element.appendChild(mountpoint);
- element.setAttribute('class', 'kbnLocalApplicationWrapper');
+ element.setAttribute('class', 'gphAppWrapper');
return $injector;
}
diff --git a/x-pack/plugins/graph/public/index.scss b/x-pack/plugins/graph/public/index.scss
index 964ef320e435..f4e38de3e93a 100644
--- a/x-pack/plugins/graph/public/index.scss
+++ b/x-pack/plugins/graph/public/index.scss
@@ -12,5 +12,3 @@
@import './main';
@import './angular/templates/index';
@import './components/index';
-// Local application mount wrapper styles
-@import 'src/legacy/core_plugins/kibana/public/local_application_service/index';