From 6e8d4185af48ce69eeea1f54ad87e4d9df1ae963 Mon Sep 17 00:00:00 2001
From: Miina Sikk <miina.sikk@gmail.com>
Date: Thu, 22 Aug 2019 10:33:48 +0300
Subject: [PATCH 1/3] Adjust block inerter style.

---
 .../src/stories-editor/components/inserter/edit.css   | 11 +++++++++++
 .../src/stories-editor/components/inserter/index.js   |  1 +
 assets/src/stories-editor/components/inserter/menu.js |  6 +++---
 3 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 assets/src/stories-editor/components/inserter/edit.css

diff --git a/assets/src/stories-editor/components/inserter/edit.css b/assets/src/stories-editor/components/inserter/edit.css
new file mode 100644
index 00000000000..f9b2a5c9a6a
--- /dev/null
+++ b/assets/src/stories-editor/components/inserter/edit.css
@@ -0,0 +1,11 @@
+.amp__block-editor-inserter__menu.block-editor-inserter__menu {
+    display: block;
+}
+
+.amp__block-editor-inserter__search.block-editor-inserter__search {
+    width: 90%;
+}
+
+.amp__block-editor-inserter__results.block-editor-inserter__results {
+    height: 360px;
+}
diff --git a/assets/src/stories-editor/components/inserter/index.js b/assets/src/stories-editor/components/inserter/index.js
index 31cff1407eb..9f651f8416f 100644
--- a/assets/src/stories-editor/components/inserter/index.js
+++ b/assets/src/stories-editor/components/inserter/index.js
@@ -25,6 +25,7 @@ import { withSelect } from '@wordpress/data';
  * Internal dependencies
  */
 import InserterMenu from './menu'; // eslint-disable-line import/no-named-as-default
+import './edit.css';
 
 const defaultRenderToggle = ( { onToggle, disabled, isOpen } ) => (
 	<IconButton
diff --git a/assets/src/stories-editor/components/inserter/menu.js b/assets/src/stories-editor/components/inserter/menu.js
index e4c8a40279a..677b60b8c94 100644
--- a/assets/src/stories-editor/components/inserter/menu.js
+++ b/assets/src/stories-editor/components/inserter/menu.js
@@ -274,7 +274,7 @@ export class InserterMenu extends Component {
 		/* eslint-disable jsx-a11y/no-autofocus, jsx-a11y/no-static-element-interactions */
 		return (
 			<div
-				className="editor-inserter__menu block-editor-inserter__menu"
+				className="editor-inserter__menu block-editor-inserter__menu amp__block-editor-inserter__menu"
 				onKeyPress={ stopKeyPropagation }
 				onKeyDown={ this.onKeyDown }
 			>
@@ -285,13 +285,13 @@ export class InserterMenu extends Component {
 					id={ `block-editor-inserter__search-${ instanceId }` }
 					type="search"
 					placeholder={ __( 'Search for an element', 'amp' ) }
-					className="editor-inserter__search block-editor-inserter__search"
+					className="editor-inserter__search block-editor-inserter__search amp__block-editor-inserter__search"
 					autoFocus
 					onChange={ this.onChangeSearchInput }
 				/>
 
 				<div
-					className="editor-inserter__results block-editor-inserter__results"
+					className="editor-inserter__results amp__block-editor-inserter__results block-editor-inserter__results"
 					ref={ this.inserterResults }
 					tabIndex="0"
 					role="region"

From 6dfeb6840b4aa2ae56f376a08bfe29c2412bd18c Mon Sep 17 00:00:00 2001
From: Miina Sikk <miina.sikk@gmail.com>
Date: Thu, 22 Aug 2019 11:02:57 +0300
Subject: [PATCH 2/3] Fix style.

---
 assets/src/stories-editor/components/inserter/edit.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/src/stories-editor/components/inserter/edit.css b/assets/src/stories-editor/components/inserter/edit.css
index f9b2a5c9a6a..ad9ff8624b2 100644
--- a/assets/src/stories-editor/components/inserter/edit.css
+++ b/assets/src/stories-editor/components/inserter/edit.css
@@ -1,11 +1,11 @@
 .amp__block-editor-inserter__menu.block-editor-inserter__menu {
-    display: block;
+	display: block;
 }
 
 .amp__block-editor-inserter__search.block-editor-inserter__search {
-    width: 90%;
+	width: 90%;
 }
 
 .amp__block-editor-inserter__results.block-editor-inserter__results {
-    height: 360px;
+	height: 360px;
 }

From 5c37b72815132f79f1c5a78b65358eb7a86bf266 Mon Sep 17 00:00:00 2001
From: Miina Sikk <miina.sikk@gmail.com>
Date: Thu, 22 Aug 2019 11:17:53 +0300
Subject: [PATCH 3/3] Restore using flexbox.

---
 assets/src/stories-editor/components/inserter/edit.css | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/assets/src/stories-editor/components/inserter/edit.css b/assets/src/stories-editor/components/inserter/edit.css
index ad9ff8624b2..9882bad618c 100644
--- a/assets/src/stories-editor/components/inserter/edit.css
+++ b/assets/src/stories-editor/components/inserter/edit.css
@@ -1,11 +1,3 @@
 .amp__block-editor-inserter__menu.block-editor-inserter__menu {
-	display: block;
-}
-
-.amp__block-editor-inserter__search.block-editor-inserter__search {
-	width: 90%;
-}
-
-.amp__block-editor-inserter__results.block-editor-inserter__results {
-	height: 360px;
+	flex-direction: column;
 }