diff --git a/app/assets/stylesheets/components/email-preview-pane.scss b/app/assets/stylesheets/components/email-preview-pane.scss
new file mode 100644
index 000000000..807069631
--- /dev/null
+++ b/app/assets/stylesheets/components/email-preview-pane.scss
@@ -0,0 +1,7 @@
+.email-branding-preview {
+  width: 100%;
+  box-sizing: border-box;
+  border: solid 1px $border-colour;
+  min-height: 200px;
+  margin-bottom: $gutter
+}
diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss
index 43edbaed5..9f5955cae 100644
--- a/app/assets/stylesheets/main.scss
+++ b/app/assets/stylesheets/main.scss
@@ -61,6 +61,7 @@ $path: '/static/images/';
 @import 'components/conditional-radios';
 @import 'components/vendor/breadcrumbs';
 @import 'components/vendor/responsive-embed';
+@import 'components/email-preview-pane';
 
 @import 'views/dashboard';
 @import 'views/users';