From 61ca71fd1fcc87db580ad56bb553c62caf5f0c60 Mon Sep 17 00:00:00 2001
From: mashazyu <mariya.z@gmail.com>
Date: Mon, 20 Apr 2020 17:09:19 +0200
Subject: [PATCH] Fixes AppLoadingView component centering

---
 components/settings/data-management/index.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/settings/data-management/index.js b/components/settings/data-management/index.js
index 2848fe7..239d3f0 100644
--- a/components/settings/data-management/index.js
+++ b/components/settings/data-management/index.js
@@ -60,10 +60,10 @@ export default class DataManagement extends Component {
     const isDeletingData = currentAction === ACTION_DELETE
 
     return (
-      <AppPage>
+      <React.Fragment>
         {isLoading && <AppLoadingView />}
         {!isLoading &&
-          <React.Fragment>
+          <AppPage>
             <Segment title={labels.export.button}>
               <AppText>{labels.export.segmentExplainer}</AppText>
               <Button isCTA isSmall={false} onPress={this.startExport}>
@@ -83,9 +83,9 @@ export default class DataManagement extends Component {
                 onStartDeletion = {() => this.setCurrentAction(ACTION_DELETE)}
               />
             </Segment>
-          </React.Fragment>
+          </AppPage>
         }
-      </AppPage>
+      </React.Fragment>
     )
   }
 }
\ No newline at end of file