[APM] Update layout and styles

elastic · Mar 11, 2021 · 50ecee0 · 50ecee0
1 parent 775b2f0
commit 50ecee0
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/x-pack/plugins/apm/public/components/app/Settings/CustomizeUI/index.tsx b/x-pack/plugins/apm/public/components/app/Settings/CustomizeUI/index.tsx
@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { EuiTitle, EuiSpacer } from '@elastic/eui';
+import { EuiTitle, EuiSpacer, EuiText } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { CustomLinkOverview } from './CustomLink';
 
@@ -20,9 +20,12 @@ export function CustomizeUI() {
           })}
         </h1>
       </EuiTitle>
+      <EuiSpacer size="s" />
+      <EuiText color="subdued">
         {i18n.translate('xpack.apm.settings.customizeApp.description', {
           defaultMessage: `The following settings are available for you to extend the app experience.`,
         })}
+      </EuiText>
       <EuiSpacer size="l" />
       <CustomLinkOverview />
     </>