From ab91d73b4846c8b362f5fa0ce4720da13823573c Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Fri, 25 Oct 2024 23:51:28 +0530
Subject: [PATCH] feat: set margin

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

diff --git a/src/components/molecules/RunContent.tsx b/src/components/molecules/RunContent.tsx
index 1988c439..7aedb662 100644
--- a/src/components/molecules/RunContent.tsx
+++ b/src/components/molecules/RunContent.tsx
@@ -97,9 +97,9 @@ export const RunContent = ({ row, currentLog, interpretationInProgress, logEndRe
               {Object.keys(row.serializableOutput).map((key) => {
                 return (
                   <div key={`number-of-serializable-output-${key}`}>
-                    <Typography>
+                    <Typography sx={{ margin: '20px 0px 20px 0px' }}>
                       <a href={`data:application/json;utf8,${JSON.stringify(row.serializableOutput[key], null, 2)}`}
-                        download={key} style={{ margin: '10px' }}>Download as JSON</a>
+                        download={key}>Download as JSON</a>
                     </Typography>
                   </div>
                 )