From 8dd1645e78f9607ae56d05a8995acc10a04335c0 Mon Sep 17 00:00:00 2001
From: nuria1110 <nuria.torresramon@sage.com>
Date: Thu, 1 Feb 2024 15:10:17 +0000
Subject: [PATCH] fix(split-button): fix style when href is passed to a button

---
 .../multi-action-button/multi-action-button.style.ts      | 8 --------
 .../split-button/split-button-children.style.ts           | 3 ++-
 src/components/split-button/split-button.stories.tsx      | 2 +-
 3 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/components/multi-action-button/multi-action-button.style.ts b/src/components/multi-action-button/multi-action-button.style.ts
index 7b1d8ee27d..005a76cd75 100644
--- a/src/components/multi-action-button/multi-action-button.style.ts
+++ b/src/components/multi-action-button/multi-action-button.style.ts
@@ -100,14 +100,6 @@ const StyledButtonChildrenContainer = styled.div<StyledButtonChildrenContainerPr
       text-align: ${align};
       z-index: ${theme.zIndex.overlay};
 
-      /* Styling for Safari. */
-      @media not all and (min-resolution: 0.001dpcm) {
-        @supports (-webkit-appearance: none) and (stroke-color: transparent) {
-          display: -webkit-box;
-          justify-content: ${align === "right" ? `flex-end` : `flex-start`};
-        }
-      }
-
       & + & {
         margin-top: 3px;
       }
diff --git a/src/components/split-button/split-button-children.style.ts b/src/components/split-button/split-button-children.style.ts
index 3f394012f0..7b6d0624d9 100644
--- a/src/components/split-button/split-button-children.style.ts
+++ b/src/components/split-button/split-button-children.style.ts
@@ -47,7 +47,8 @@ const StyledSplitButtonChildrenContainer = styled.div<StyledSplitButtonChildrenC
 
     ${StyledButton} {
       border: 1px solid var(--colorsActionMajorTransparent);
-      display: block;
+      display: flex;
+      justify-content: ${align};
       margin-left: 0;
       min-width: 100%;
       text-align: ${align};
diff --git a/src/components/split-button/split-button.stories.tsx b/src/components/split-button/split-button.stories.tsx
index d6fe5e0c0d..8198dc2db7 100644
--- a/src/components/split-button/split-button.stories.tsx
+++ b/src/components/split-button/split-button.stories.tsx
@@ -8,7 +8,7 @@ import { Accordion } from "../accordion";
 
 export const Default: ComponentStory<typeof SplitButton> = () => (
   <SplitButton text="Split button">
-    <Button>Button 1</Button>
+    <Button href="#">Button 1</Button>
     <Button>Button 2</Button>
     <Button>Button 3</Button>
   </SplitButton>