From 171e4f1bcf92a7f695a4161e2aadb221f85ff58d Mon Sep 17 00:00:00 2001
From: lavanya-bmw <lavanya.a@partner.bmw.in>
Date: Mon, 12 Feb 2024 18:31:55 +0530
Subject: [PATCH] new(quick links): css fix

---
 src/components/basic/QuickLinks/index.tsx | 34 ++++++++++++-----------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/components/basic/QuickLinks/index.tsx b/src/components/basic/QuickLinks/index.tsx
index 83f48318..828217b0 100644
--- a/src/components/basic/QuickLinks/index.tsx
+++ b/src/components/basic/QuickLinks/index.tsx
@@ -57,7 +57,7 @@ export const QuickLinks = ({
       {headerTitle && <Typography variant="h4">{headerTitle}</Typography>}
       <Box
         sx={{
-          display: 'flex',
+          display: 'block',
           justifyContent: alignButtons,
           padding: '10px',
           margin: '10px',
@@ -65,21 +65,23 @@ export const QuickLinks = ({
       >
         {items.map((data: QuickLinksItems) => {
           return (
-            <div key={data.title}>
-              <MuiButton
-                {...props}
-                onClick={() => window.open(data.url, '_blank')}
-                sx={{
-                  background: data.backgroundColor,
-                  padding: '12px 22px',
-                  color,
-                  margin: '0px 12px',
-                  whiteSpace: 'nowrap',
-                }}
-              >
-                {data.title}
-              </MuiButton>
-            </div>
+            <MuiButton
+              {...props}
+              onClick={() => window.open(data.url, '_blank')}
+              sx={{
+                background: data.backgroundColor,
+                padding: '12px 22px',
+                color,
+                margin: '0px 12px',
+                whiteSpace: 'nowrap',
+                display: 'inline-flex',
+                position: 'relative',
+                marginBottom: '12px'
+              }}
+              key={data.title}
+            >
+              {data.title}
+            </MuiButton>
           )
         })}
       </Box>