From 7fe88e882cbc17328f6bef8031f939e0417669e7 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 24 Oct 2024 15:31:55 +0530
Subject: [PATCH] feat: remove flex from modal

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

diff --git a/src/components/molecules/SaveRecording.tsx b/src/components/molecules/SaveRecording.tsx
index 02bebefa..2f2c36a6 100644
--- a/src/components/molecules/SaveRecording.tsx
+++ b/src/components/molecules/SaveRecording.tsx
@@ -81,7 +81,7 @@ export const SaveRecording = ({ fileName }: SaveRecordingProps) => {
       </Button>
 
       <GenericModal isOpen={openModal} onClose={() => setOpenModal(false)} modalStyle={modalStyle}>
-        <form onSubmit={handleSaveRecording} style={{ paddingTop: '20px', display: 'flex', flexDirection: 'column' }} >
+        <form onSubmit={handleSaveRecording}>
           <Typography variant="h6">Save Robot</Typography>
           <TextField
             required
@@ -120,7 +120,7 @@ const modalStyle = {
   top: '25%',
   left: '50%',
   transform: 'translate(-50%, -50%)',
-  width: '50%',
+  width: '30%',
   backgroundColor: 'background.paper',
   p: 4,
   height: 'fit-content',