diff --git a/assets/css/src/components/_importExport.scss b/assets/css/src/components/_importExport.scss
index 7f331db8ea..aadf225b81 100644
--- a/assets/css/src/components/_importExport.scss
+++ b/assets/css/src/components/_importExport.scss
@@ -150,8 +150,10 @@ tr {
}
.mailpoet_import_validation_step {
+ align-items: flex-start;
display: flex;
flex-direction: column;
+ width: 600px;
.mailpoet_import_step_buttons {
margin-top: 40px;
@@ -160,6 +162,12 @@ tr {
h2 {
margin-bottom: 40px;
}
+
+ .mailpoet_import_block {
+ p {
+ font-weight: bold;
+ }
+ }
}
.mailpoet_method_selection_step {
diff --git a/assets/js/src/subscribers/importExport/import/step_input_validation.jsx b/assets/js/src/subscribers/importExport/import/step_input_validation.jsx
index c9c01c7c35..01bbe093b5 100644
--- a/assets/js/src/subscribers/importExport/import/step_input_validation.jsx
+++ b/assets/js/src/subscribers/importExport/import/step_input_validation.jsx
@@ -3,6 +3,7 @@ import { withRouter } from 'react-router-dom';
import PropTypes from 'prop-types';
import InitialQuestion from './step_input_validation/initial_question.jsx';
+import Block from './step_input_validation/block.jsx';
function StepInputValidation({ stepMethodSelectionData, history }) {
const [importSource, setImportSource] = useState(undefined);
@@ -27,6 +28,10 @@ function StepInputValidation({ stepMethodSelectionData, history }) {
onNextStep={() => setQuestionAnswered(true)}
/>
)}
+
+ {questionAnswered && importSource === 'address-book' && (
+
{MailPoet.I18n.t('validationStepBlock1')}
+{MailPoet.I18n.t('validationStepBlock2')}
+ + {MailPoet.I18n.t('validationStepBlockButton')} + +