From 9eea045d2b0821b12e4c158cdfe12b5270756a6c Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Sat, 17 Feb 2018 17:25:54 -0500
Subject: [PATCH] Fixing centering of rendered SVG when container is too small

---
 src/components/App/style.css | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/App/style.css b/src/components/App/style.css
index cecae30..afafb4f 100644
--- a/src/components/App/style.css
+++ b/src/components/App/style.css
@@ -1,8 +1,6 @@
 @import url('../../globals.css');
 
 .render {
-  display: flex;
-  justify-content: center;
   width: 100%;
   background: var(--color-white);
   box-sizing: border-box;
@@ -12,6 +10,6 @@
   & svg {
     display: block;
     transform: scaleZ(1); /* Move to separate render layer in Chrome */
-    flex-shrink: 0;
+    margin: 0 auto;
   }
 }