From d713d04b200fc09ed578a4ad21e022129865b6b9 Mon Sep 17 00:00:00 2001
From: sabhas <sabirbk06@gmail.com>
Date: Tue, 19 Oct 2021 10:53:09 +0000
Subject: [PATCH] chore: fix the position of circular progress icon

---
 Web/src/containers/SASjsDrive/main.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/Web/src/containers/SASjsDrive/main.tsx b/Web/src/containers/SASjsDrive/main.tsx
index fd90179..d026412 100644
--- a/Web/src/containers/SASjsDrive/main.tsx
+++ b/Web/src/containers/SASjsDrive/main.tsx
@@ -67,15 +67,20 @@ const Main = (props: any) => {
   return (
     <Box component="main" sx={{ flexGrow: 1, p: 3 }}>
       <Toolbar />
-      {isLoading && (
-        <CircularProgress
-          style={{ position: 'fixed', left: '50%', top: '50%' }}
-        />
-      )}
       <Paper
-        sx={{ height: '75vh', padding: '10px', overflow: 'auto' }}
+        sx={{
+          height: '75vh',
+          padding: '10px',
+          overflow: 'auto',
+          position: 'relative'
+        }}
         elevation={3}
       >
+        {isLoading && (
+          <CircularProgress
+            style={{ position: 'absolute', left: '50%', top: '50%' }}
+          />
+        )}
         {!isLoading && props?.selectedFilePath !== '' && !editMode && (
           <code style={{ whiteSpace: 'break-spaces' }}>{fileContent}</code>
         )}