import scss directly into component files

x-pack/plugins/upgrade_assistant/public/application/components/es_deprecations/deprecation_types/reindex/flyout/step_progress.tsx

@@ -10,6 +10,8 @@ import React, { Fragment, ReactNode } from 'react';
 
 import { EuiIcon, EuiLoadingSpinner } from '@elastic/eui';
 
+import './_step_progress.scss';
+
 type STATUS = 'incomplete' | 'inProgress' | 'complete' | 'failed' | 'paused' | 'cancelled';
 
 const StepStatus: React.FunctionComponent<{ status: STATUS; idx: number }> = ({ status, idx }) => {

x-pack/plugins/upgrade_assistant/public/application/components/overview/fix_deprecation_logs_step/deprecation_logging_toggle/deprecation_logging_toggle.tsx

@@ -23,6 +23,8 @@ import { i18n } from '@kbn/i18n';
 import { ResponseError } from '../../../../lib/api';
 import { DeprecationLoggingPreviewProps } from '../../../types';
 
+import './_deprecation_logging_toggle.scss';
+
 const i18nTexts = {
   fetchErrorMessage: i18n.translate(
     'xpack.upgradeAssistant.overview.deprecationLogs.fetchErrorMessage',

x-pack/plugins/upgrade_assistant/public/application/components/overview/review_logs_step/no_deprecations/no_deprecations.tsx

@@ -7,7 +7,7 @@
 
 import React, { FunctionComponent } from 'react';
 
-import { EuiFlexGroup, EuiFlexItem, EuiText, EuiIcon } from '@elastic/eui';
+import { EuiFlexGroup, EuiFlexItem, EuiText, EuiIcon, EuiSpacer } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 
 const i18nTexts = {
@@ -21,15 +21,18 @@ const i18nTexts = {
 
 export const NoDeprecations: FunctionComponent = () => {
   return (
-    <EuiText color="success">
-      <EuiFlexGroup gutterSize="s" alignItems="center" className="upgRenderSuccessMessage">
-        <EuiFlexItem grow={false}>
-          <EuiIcon type="check" />
-        </EuiFlexItem>
-        <EuiFlexItem grow={false} data-test-subj="noDeprecationsLabel">
-          {i18nTexts.noDeprecationsText}
-        </EuiFlexItem>
-      </EuiFlexGroup>
-    </EuiText>
+    <>
+      <EuiSpacer size="xl" />
+      <EuiText color="success">
+        <EuiFlexGroup gutterSize="s" alignItems="center">
+          <EuiFlexItem grow={false}>
+            <EuiIcon type="check" />
+          </EuiFlexItem>
+          <EuiFlexItem grow={false} data-test-subj="noDeprecationsLabel">
+            {i18nTexts.noDeprecationsText}
+          </EuiFlexItem>
+        </EuiFlexGroup>
+      </EuiText>
+    </>
   );
 };

x-pack/plugins/upgrade_assistant/public/application/components/overview/review_logs_step/review_logs_step.tsx

@@ -14,6 +14,8 @@ import type { EuiStepProps } from '@elastic/eui/src/components/steps/step';
 import { ESDeprecationStats } from './es_stats';
 import { KibanaDeprecationStats } from './kibana_stats';
 
+import './_review_logs_step.scss';
+
 const i18nTexts = {
   reviewStepTitle: i18n.translate('xpack.upgradeAssistant.overview.reviewStepTitle', {
     defaultMessage: 'Review deprecated settings and resolve issues',

x-pack/plugins/upgrade_assistant/public/index.ts

@@ -5,7 +5,6 @@
  * 2.0.
  */
 
-import './index.scss';
 import { PluginInitializerContext } from 'src/core/public';
 import { UpgradeAssistantUIPlugin } from './plugin';