From fbf7da74074d31fc101df2c7ab74d53a08bd3ffb Mon Sep 17 00:00:00 2001
From: Kirk Wight <kwight@kwight.ca>
Date: Mon, 30 Sep 2019 10:49:02 -0700
Subject: [PATCH] WP.com Block Editor: Add front-end styles for text justify.
 (#36401)

---
 apps/wpcom-block-editor/src/common/rich-text.js | 2 +-
 apps/wpcom-block-editor/src/common/style.scss   | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/wpcom-block-editor/src/common/rich-text.js b/apps/wpcom-block-editor/src/common/rich-text.js
index 98becb3163254..902756f8b3b2c 100644
--- a/apps/wpcom-block-editor/src/common/rich-text.js
+++ b/apps/wpcom-block-editor/src/common/rich-text.js
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 /* global wpcomGutenberg */
 
 /**
@@ -78,6 +79,5 @@ registerFormatType( 'wpcom/justify', {
 	title: wpcomGutenberg.richTextToolbar.justify,
 	tagName: 'p',
 	className: null,
-	attributes: { style: 'style' },
 	edit: ConnectedRichTextJustifyButton,
 } );
diff --git a/apps/wpcom-block-editor/src/common/style.scss b/apps/wpcom-block-editor/src/common/style.scss
index 404d3ac742ab0..c747d7b437ae4 100644
--- a/apps/wpcom-block-editor/src/common/style.scss
+++ b/apps/wpcom-block-editor/src/common/style.scss
@@ -42,3 +42,7 @@
 .components-notice-list {
 	z-index: 29; // Ensure notices are placed behind the editor header (z-index: 30).
 }
+
+.has-text-align-justify {
+	text-align: justify;
+}