From 839a7427578ac8dc8a8fa1138cf4119c1f63a28d Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 22 Aug 2024 07:37:32 +0530
Subject: [PATCH] feat: set width as per browser window

---
 src/components/molecules/InterpretationLog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/molecules/InterpretationLog.tsx b/src/components/molecules/InterpretationLog.tsx
index f9286d3a..6ffcca0c 100644
--- a/src/components/molecules/InterpretationLog.tsx
+++ b/src/components/molecules/InterpretationLog.tsx
@@ -70,7 +70,7 @@ export const InterpretationLog = () => {
 
   return (
     <div>
-      <button onClick={toggleDrawer(true)} style={{ color: 'white', background: '#3f4853', border: 'none', padding: '10px 20px', width: '100%', textAlign: 'left' }}>
+      <button onClick={toggleDrawer(true)} style={{ color: 'white', background: '#3f4853', border: 'none', padding: '10px 20px', width: 1280, textAlign: 'left' }}>
         Interpretation Log
       </button>
       <SwipeableDrawer
@@ -79,7 +79,7 @@ export const InterpretationLog = () => {
         onClose={toggleDrawer(false)}
         onOpen={toggleDrawer(true)}
         PaperProps={{
-          sx: { background: '#19171c', color: 'white', padding: '10px', height: 720, width: width - 10 }
+          sx: { background: '#19171c', color: 'white', padding: '10px', height: 720, width: width - 10, display: 'flex' }
         }}
       >
         <Typography variant="h6" gutterBottom>