From c0576235928d06887a1908e79a4ae17887f2e99b Mon Sep 17 00:00:00 2001
From: oluwaseun Olorunsola <triple0t1@gmail.com>
Date: Tue, 2 Nov 2021 09:51:04 +0100
Subject: [PATCH] Center the content on import newsletter template page

MAILPOET-3492
---
 assets/css/src/components-plugin/_newsletter-templates.scss | 5 +++++
 assets/js/src/newsletters/templates/import_template.jsx     | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/assets/css/src/components-plugin/_newsletter-templates.scss b/assets/css/src/components-plugin/_newsletter-templates.scss
index b533e833f8..e0eb2aa1b5 100644
--- a/assets/css/src/components-plugin/_newsletter-templates.scss
+++ b/assets/css/src/components-plugin/_newsletter-templates.scss
@@ -53,3 +53,8 @@
     }
   }
 }
+
+.mailpoet-template-import {
+  grid-column: 1/-1;
+  margin: 0 auto;
+}
diff --git a/assets/js/src/newsletters/templates/import_template.jsx b/assets/js/src/newsletters/templates/import_template.jsx
index 3caee33543..a01979e9c6 100644
--- a/assets/js/src/newsletters/templates/import_template.jsx
+++ b/assets/js/src/newsletters/templates/import_template.jsx
@@ -87,7 +87,7 @@ class ImportTemplate extends React.Component {
 
   render() {
     return (
-      <div>
+      <div className="mailpoet-template-import">
         <h4>
           {MailPoet.I18n.t('importTemplateTitle')}
           <HelpTooltip