From 4848ef5f11d4b8cdd99ecc95f9bc4e08a105b973 Mon Sep 17 00:00:00 2001
From: Sergio Betanzos <sbetanzos@opennebula.io>
Date: Fri, 11 Sep 2020 14:44:38 +0200
Subject: [PATCH] F #3951: Fix loading screen (#209)

---
 .../public/components/LoadingScreen/index.js  | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/fireedge/src/public/components/LoadingScreen/index.js b/src/fireedge/src/public/components/LoadingScreen/index.js
index e65954b362..23463547b2 100644
--- a/src/fireedge/src/public/components/LoadingScreen/index.js
+++ b/src/fireedge/src/public/components/LoadingScreen/index.js
@@ -1,23 +1,23 @@
 import React from 'react';
 
-import { styled, Box } from '@material-ui/core';
+import { Box } from '@material-ui/core';
 import Logo from 'client/icons/logo';
 
-const ScreenBox = styled(Box)({
-  width: '100%',
-  height: '100vh',
-  backgroundColor: '#ffffff',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  position: 'fixed',
-  zIndex: 10000
-});
-
 const LoadingScreen = () => (
-  <ScreenBox>
+  <Box
+    style={{
+      width: '100%',
+      height: '100vh',
+      backgroundColor: '#ffffff',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      position: 'fixed',
+      zIndex: 10000
+    }}
+  >
     <Logo width={360} height={360} spinner withText />
-  </ScreenBox>
+  </Box>
 );
 
 export default LoadingScreen;