From 1b3ef42ef637df73009e4cc255a41bc88301f6ab Mon Sep 17 00:00:00 2001
From: austaras <austaras@outlook.com>
Date: Wed, 17 Aug 2022 17:41:33 +0800
Subject: [PATCH] chore: one less div

---
 apps/ligo-virgo/src/pages/AppContainer.tsx | 23 ++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/apps/ligo-virgo/src/pages/AppContainer.tsx b/apps/ligo-virgo/src/pages/AppContainer.tsx
index db451148f9..05d7fa4eef 100644
--- a/apps/ligo-virgo/src/pages/AppContainer.tsx
+++ b/apps/ligo-virgo/src/pages/AppContainer.tsx
@@ -1,11 +1,20 @@
-import { Outlet } from 'react-router-dom';
-
+import { css, Global } from '@emotion/react';
 import { LayoutHeader, SettingsSidebar } from '@toeverything/components/layout';
 import { styled } from '@toeverything/components/ui';
+import { Outlet } from 'react-router-dom';
 
 export function LigoVirgoRootContainer() {
     return (
-        <StyledRootContainer id="idAppRoot">
+        <>
+            <Global
+                styles={css`
+                    #root {
+                        display: flex;
+                        flex-direction: row;
+                        height: 100vh;
+                    }
+                `}
+            />
             <StyledContentContainer>
                 <LayoutHeader />
                 <StyledMainContainer>
@@ -13,7 +22,7 @@ export function LigoVirgoRootContainer() {
                 </StyledMainContainer>
             </StyledContentContainer>
             <SettingsSidebar />
-        </StyledRootContainer>
+        </>
     );
 }
 
@@ -23,12 +32,6 @@ const StyledMainContainer = styled('div')({
     overflowY: 'hidden',
 });
 
-const StyledRootContainer = styled('div')({
-    display: 'flex',
-    flexDirection: 'row',
-    height: '100vh',
-});
-
 const StyledContentContainer = styled('div')({
     flex: 'auto',
     display: 'flex',