new(quick links): css fix

eclipse-tractusx · Feb 12, 2024 · 171e4f1 · 171e4f1
1 parent 8dee877
commit 171e4f1
Showing 1 changed file with 18 additions and 16 deletions.
diff --git a/src/components/basic/QuickLinks/index.tsx b/src/components/basic/QuickLinks/index.tsx
@@ -57,29 +57,31 @@ export const QuickLinks = ({
       {headerTitle && <Typography variant="h4">{headerTitle}</Typography>}
       <Box
         sx={{
-          display: 'flex',
+          display: 'block',
           justifyContent: alignButtons,
           padding: '10px',
           margin: '10px',
         }}
       >
         {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>