From 478cda59e56eeeb23cc2d930c6550632bed3cba7 Mon Sep 17 00:00:00 2001
From: Sany <sany@provi.com.br>
Date: Fri, 25 Oct 2019 11:34:12 -0300
Subject: [PATCH] Align text in center

---
 src/CircularProgressbarWithChildren.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/CircularProgressbarWithChildren.tsx b/src/CircularProgressbarWithChildren.tsx
index baac582..7fc51fb 100644
--- a/src/CircularProgressbarWithChildren.tsx
+++ b/src/CircularProgressbarWithChildren.tsx
@@ -16,7 +16,7 @@ function CircularProgressbarWithChildren(props: CircularProgressbarWithChildrenP
     <div data-test-id="CircularProgressbarWithChildren">
       {/* Has an extra div wrapper because otherwise, adding content after
       this progressbar is spaced weirdly. */}
-      <div style={{ position: 'relative', width: '100%', height: '100%' }}>
+      <div style={{ position: 'relative', width: '100%', height: '100%', display: 'flex' }}>
         {/* Progressbar is not positioned absolutely, so that it can establish
       intrinsic size for props.children's content. */}
         <CircularProgressbar {...circularProgressbarProps} />
@@ -31,7 +31,6 @@ function CircularProgressbarWithChildren(props: CircularProgressbarWithChildrenP
               position: 'absolute',
               width: '100%',
               height: '100%',
-              marginTop: '-100%',
               display: 'flex',
               flexDirection: 'column',
               justifyContent: 'center',