From bbee3ae6555a554994a12d6ea5725c080f8a7e50 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 19 Oct 2024 14:45:14 +0530
Subject: [PATCH] feat: align text left

---
 src/components/molecules/InterpretationLog.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/molecules/InterpretationLog.tsx b/src/components/molecules/InterpretationLog.tsx
index 2f7700cb..3e6626cf 100644
--- a/src/components/molecules/InterpretationLog.tsx
+++ b/src/components/molecules/InterpretationLog.tsx
@@ -108,22 +108,24 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
   return (
     <Grid container>
   <Grid item xs={12} md={9} lg={9}>
-    <button
+    <Button
       onClick={toggleDrawer(true)}
-      style={{
+      variant="contained"
+      color="primary"
+      sx={{
         color: 'white',
         position: 'fixed',
         background: '#ff00c3',
         border: 'none',
         padding: '30px 20px',
         width: 'calc(100% - 25%)',
-        textAlign: 'left',
         bottom: 0,
-        overflow: 'hidden',
+        overflow: 'hidden',         
+        justifyContent: 'flex-start',
       }}
     >
       Output Data Preview
-    </button>
+    </Button>
     <SwipeableDrawer
       anchor="bottom"
       open={isOpen}