From 121bb0ecef46f6aba74dad0ff1d54d61887cdca3 Mon Sep 17 00:00:00 2001
From: Daniel Gasienica <daniel@signal.org>
Date: Tue, 8 May 2018 16:11:48 -0400
Subject: [PATCH] Style guide: Fix empty state

---
 .../conversation/media-gallery/EmptyState.md  | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/ts/components/conversation/media-gallery/EmptyState.md b/ts/components/conversation/media-gallery/EmptyState.md
index fb6b0ae56..ec354d3da 100644
--- a/ts/components/conversation/media-gallery/EmptyState.md
+++ b/ts/components/conversation/media-gallery/EmptyState.md
@@ -1,11 +1,29 @@
+### Media Empty State
+
 ```js
-<div style={{ position: 'relative', width: '100%', height: 300 }}>
+<div
+  style={{
+    display: 'flex',
+    position: 'relative',
+    width: '100%',
+    height: 300,
+  }}
+>
   <EmptyState label="You have no attachments with media" />
 </div>
 ```
 
+### Documents Empty State
+
 ```js
-<div style={{ position: 'relative', width: '100%', height: 500 }}>
+<div
+  style={{
+    display: 'flex',
+    position: 'relative',
+    width: '100%',
+    height: 500,
+  }}
+>
   <EmptyState label="You have no documents with media" />
 </div>
 ```