From 1e5c492d12d381d4a57088190659c271004d15bf Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 24 Oct 2024 04:55:57 +0530
Subject: [PATCH] feat: apply margin top bottom

---
 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 72d6eb7a..8ca514f4 100644
--- a/src/components/molecules/RunContent.tsx
+++ b/src/components/molecules/RunContent.tsx
@@ -153,8 +153,8 @@ export const RunContent = ({ row, currentLog, interpretationInProgress, logEndRe
                     <Box key={`number-of-binary-output-${key}`} sx={{
                       width: 'max-content',
                     }}>
-                      <Typography key={`binary-output-key-${key}`}>
-                        <a href={imageUrl} download={key} style={{ margin: '10px' }}>Download</a>
+                      <Typography key={`binary-output-key-${key}`} sx={{ margin: '20px 0px 20px 0px'}}>
+                        <a href={imageUrl} download={key}>Download</a>
                       </Typography>
                       <img key={`image-${key}`} src={imageUrl} alt={key} height='auto' width='700px' />
                     </Box>