From 1d09f009731da5cbe971ed1d2e81fa751cd489c1 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 30 Nov 2024 21:41:42 +0530
Subject: [PATCH] feat: align progress with text

---
 src/components/molecules/InterpretationButtons.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/molecules/InterpretationButtons.tsx b/src/components/molecules/InterpretationButtons.tsx
index c21d4518..3407b94a 100644
--- a/src/components/molecules/InterpretationButtons.tsx
+++ b/src/components/molecules/InterpretationButtons.tsx
@@ -139,13 +139,10 @@ export const InterpretationButtons = ({ enableStepping }: InterpretationButtonsP
         disabled={info.running}
         sx={{ display: 'grid' }}
       >
-        {info.running ? 'Extracting data...please wait for 10secs to 1min' : 'Get Preview of Output Data'}
+        {info.running ? <Box sx={{ display: 'flex', alignItems: 'center' }}>
+          <CircularProgress size={24} sx={{ marginLeft: '10px' }} /> Extracting data...please wait for 10secs to 1min
+        </Box> : 'Get Preview of Output Data'}
       </Button>
-      {info.running && (
-        <Box sx={{ display: 'flex', alignItems: 'center' }}>
-          <CircularProgress size={24} sx={{ marginLeft: '10px' }} />
-        </Box>
-      )}
       <GenericModal
         onClose={() => { }}
         isOpen={decisionModal.open}