From f9f20aabe4941049747670ecf76723d8767e21a3 Mon Sep 17 00:00:00 2001
From: "Nahid F. Mohit" <nfmohit49@gmail.com>
Date: Wed, 1 Aug 2018 06:51:35 +0600
Subject: [PATCH] [Fix] File Block center align behavior (#8303)

* Fix file block center align behavior

* Introduce new selector for content container and apply CSS to it instead
---
 core-blocks/file/edit.js     | 2 +-
 core-blocks/file/editor.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/core-blocks/file/edit.js b/core-blocks/file/edit.js
index 86e99e081808ae..df75276db5f025 100644
--- a/core-blocks/file/edit.js
+++ b/core-blocks/file/edit.js
@@ -189,7 +189,7 @@ class FileEdit extends Component {
 					</Toolbar>
 				</BlockControls>
 				<div className={ classes }>
-					<div>
+					<div className={ `${ className }__content-wrapper` }>
 						<RichText
 							wrapperClassName={ `${ className }__textlink` }
 							tagName="div" // must be block-level or else cursor disappears
diff --git a/core-blocks/file/editor.scss b/core-blocks/file/editor.scss
index ba49db83ba9fe9..4a75be18564606 100644
--- a/core-blocks/file/editor.scss
+++ b/core-blocks/file/editor.scss
@@ -8,6 +8,10 @@
 		@include loading_fade;
 	}
 
+	&__content-wrapper {
+		flex-grow: 1;
+	}
+
 	&__textlink {
 		display: inline-block;
 		color: $blue-medium-700;