diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
index 68f1aac41a5b..b6e20164348b 100644
--- a/src/components/Button/index.tsx
+++ b/src/components/Button/index.tsx
@@ -115,6 +115,9 @@ type ButtonProps = Partial<ChildrenProps> & {
 
     /** Boolean whether to display the right icon */
     shouldShowRightIcon?: boolean;
+
+    /** Whether the button should use split style or not */
+    isSplitButton?: boolean;
 };
 
 type KeyboardShortcutComponentProps = Pick<ButtonProps, 'isDisabled' | 'isLoading' | 'onPress' | 'pressOnEnter' | 'allowBubble' | 'enterKeyEventListenerPriority'>;
@@ -198,6 +201,7 @@ function Button(
 
         id = '',
         accessibilityLabel = '',
+        isSplitButton = false,
         ...rest
     }: ButtonProps,
     ref: ForwardedRef<View | HTMLDivElement>,
@@ -253,13 +257,22 @@ function Button(
                     </View>
                     {shouldShowRightIcon && (
                         <View style={[styles.justifyContentCenter, large ? styles.ml2 : styles.ml1, iconRightStyles]}>
-                            <Icon
-                                src={iconRight}
-                                fill={iconFill ?? (success || danger ? theme.textLight : theme.icon)}
-                                small={small}
-                                medium={medium}
-                                large={large}
-                            />
+                            {!isSplitButton ? (
+                                <Icon
+                                    src={iconRight}
+                                    fill={iconFill ?? (success || danger ? theme.textLight : theme.icon)}
+                                    small={medium}
+                                    medium={large}
+                                />
+                            ) : (
+                                <Icon
+                                    src={iconRight}
+                                    fill={iconFill ?? (success || danger ? theme.textLight : theme.icon)}
+                                    small={small}
+                                    medium={medium}
+                                    large={large}
+                                />
+                            )}
                         </View>
                     )}
                 </View>
diff --git a/src/components/ButtonWithDropdownMenu/index.tsx b/src/components/ButtonWithDropdownMenu/index.tsx
index a4e6e2c87fec..a28b7ebf0864 100644
--- a/src/components/ButtonWithDropdownMenu/index.tsx
+++ b/src/components/ButtonWithDropdownMenu/index.tsx
@@ -14,6 +14,7 @@ import type {ButtonWithDropdownMenuProps} from './types';
 
 function ButtonWithDropdownMenu<IValueType>({
     success = false,
+    isSplitButton = true,
     isLoading = false,
     isDisabled = false,
     pressOnEnter = false,
@@ -40,7 +41,7 @@ function ButtonWithDropdownMenu<IValueType>({
     const [isMenuVisible, setIsMenuVisible] = useState(false);
     const [popoverAnchorPosition, setPopoverAnchorPosition] = useState<AnchorPosition | null>(null);
     const {windowWidth, windowHeight} = useWindowDimensions();
-    const caretButton = useRef<View & HTMLDivElement>(null);
+    const caretButton = useRef<View | HTMLDivElement | null>(null);
     const selectedItem = options[selectedItemIndex] || options[0];
     const innerStyleDropButton = StyleUtils.getDropDownButtonHeight(buttonSize);
     const isButtonSizeLarge = buttonSize === CONST.DROPDOWN_BUTTON_SIZE.LARGE;
@@ -64,7 +65,6 @@ function ButtonWithDropdownMenu<IValueType>({
             });
         }
     }, [windowWidth, windowHeight, isMenuVisible, anchorAlignment.vertical]);
-
     return (
         <View style={wrapperStyle}>
             {shouldAlwaysShowDropdownMenu || options.length > 1 ? (
@@ -72,8 +72,10 @@ function ButtonWithDropdownMenu<IValueType>({
                     <Button
                         success={success}
                         pressOnEnter={pressOnEnter}
-                        ref={buttonRef}
-                        onPress={(event) => onPress(event, selectedItem.value)}
+                        ref={(ref) => {
+                            caretButton.current = ref;
+                        }}
+                        onPress={(event) => (!isSplitButton ? setIsMenuVisible(!isMenuVisible) : onPress(event, selectedItem.value))}
                         text={customText ?? selectedItem.text}
                         isDisabled={isDisabled || !!selectedItem.disabled}
                         isLoading={isLoading}
@@ -81,34 +83,39 @@ function ButtonWithDropdownMenu<IValueType>({
                         style={[styles.flex1, styles.pr0]}
                         large={isButtonSizeLarge}
                         medium={!isButtonSizeLarge}
-                        innerStyles={[innerStyleDropButton, customText !== undefined && styles.cursorDefault, customText !== undefined && styles.pointerEventsNone]}
+                        innerStyles={[innerStyleDropButton, !isSplitButton && styles.dropDownButtonCartIconView]}
                         enterKeyEventListenerPriority={enterKeyEventListenerPriority}
+                        iconRight={Expensicons.DownArrow}
+                        shouldShowRightIcon={!isSplitButton}
+                        isSplitButton={isSplitButton}
                     />
 
-                    <Button
-                        ref={caretButton}
-                        success={success}
-                        isDisabled={isDisabled}
-                        style={[styles.pl0]}
-                        onPress={() => setIsMenuVisible(!isMenuVisible)}
-                        shouldRemoveLeftBorderRadius
-                        large={isButtonSizeLarge}
-                        medium={!isButtonSizeLarge}
-                        innerStyles={[styles.dropDownButtonCartIconContainerPadding, innerStyleDropButton]}
-                        enterKeyEventListenerPriority={enterKeyEventListenerPriority}
-                    >
-                        <View style={[styles.dropDownButtonCartIconView, innerStyleDropButton]}>
-                            <View style={[success ? styles.buttonSuccessDivider : styles.buttonDivider]} />
-                            <View style={[isButtonSizeLarge ? styles.dropDownLargeButtonArrowContain : styles.dropDownMediumButtonArrowContain]}>
-                                <Icon
-                                    medium={isButtonSizeLarge}
-                                    small={!isButtonSizeLarge}
-                                    src={Expensicons.DownArrow}
-                                    fill={success ? theme.buttonSuccessText : theme.icon}
-                                />
+                    {isSplitButton && (
+                        <Button
+                            ref={caretButton}
+                            success={success}
+                            isDisabled={isDisabled}
+                            style={[styles.pl0]}
+                            onPress={() => setIsMenuVisible(!isMenuVisible)}
+                            shouldRemoveLeftBorderRadius
+                            large={isButtonSizeLarge}
+                            medium={!isButtonSizeLarge}
+                            innerStyles={[styles.dropDownButtonCartIconContainerPadding, innerStyleDropButton]}
+                            enterKeyEventListenerPriority={enterKeyEventListenerPriority}
+                        >
+                            <View style={[styles.dropDownButtonCartIconView, innerStyleDropButton]}>
+                                <View style={[success ? styles.buttonSuccessDivider : styles.buttonDivider]} />
+                                <View style={[isButtonSizeLarge ? styles.dropDownLargeButtonArrowContain : styles.dropDownMediumButtonArrowContain]}>
+                                    <Icon
+                                        medium={isButtonSizeLarge}
+                                        small={!isButtonSizeLarge}
+                                        src={Expensicons.DownArrow}
+                                        fill={success ? theme.buttonSuccessText : theme.icon}
+                                    />
+                                </View>
                             </View>
-                        </View>
-                    </Button>
+                        </Button>
+                    )}
                 </View>
             ) : (
                 <Button
diff --git a/src/components/ButtonWithDropdownMenu/types.ts b/src/components/ButtonWithDropdownMenu/types.ts
index 87db9a29d827..1ad2ccb0d717 100644
--- a/src/components/ButtonWithDropdownMenu/types.ts
+++ b/src/components/ButtonWithDropdownMenu/types.ts
@@ -74,6 +74,9 @@ type ButtonWithDropdownMenuProps<TValueType> = {
 
     /** Additional style to add to the wrapper */
     wrapperStyle?: StyleProp<ViewStyle>;
+
+    /** Whether the button should use split style or not */
+    isSplitButton?: boolean;
 };
 
 export type {PaymentType, WorkspaceMemberBulkActionType, WorkspaceDistanceRatesBulkActionType, DropdownOption, ButtonWithDropdownMenuProps, WorkspaceTaxRatesBulkActionType};
diff --git a/src/pages/workspace/WorkspaceMembersPage.tsx b/src/pages/workspace/WorkspaceMembersPage.tsx
index b18522662dde..02ae5d23f8e1 100644
--- a/src/pages/workspace/WorkspaceMembersPage.tsx
+++ b/src/pages/workspace/WorkspaceMembersPage.tsx
@@ -505,6 +505,7 @@ function WorkspaceMembersPage({personalDetails, invitedEmailsToAccountIDsDraft,
                         onPress={() => null}
                         options={getBulkActionsButtonOptions()}
                         buttonRef={dropdownButtonRef}
+                        isSplitButton={false}
                         style={[isSmallScreenWidth && styles.flexGrow1]}
                     />
                 ) : (
diff --git a/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx b/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx
index 96f2415cae86..7cb0c6bb60fc 100644
--- a/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx
+++ b/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx
@@ -216,6 +216,7 @@ function WorkspaceCategoriesPage({policy, route}: WorkspaceCategoriesPageProps)
                     buttonSize={CONST.DROPDOWN_BUTTON_SIZE.MEDIUM}
                     customText={translate('workspace.common.selected', {selectedNumber: selectedCategoriesArray.length})}
                     options={options}
+                    isSplitButton={false}
                     style={[isSmallScreenWidth && styles.flexGrow1, isSmallScreenWidth && styles.mb3]}
                 />
             );
diff --git a/src/pages/workspace/distanceRates/PolicyDistanceRatesPage.tsx b/src/pages/workspace/distanceRates/PolicyDistanceRatesPage.tsx
index ea35526bcdfa..8e1eeb7b66f4 100644
--- a/src/pages/workspace/distanceRates/PolicyDistanceRatesPage.tsx
+++ b/src/pages/workspace/distanceRates/PolicyDistanceRatesPage.tsx
@@ -260,6 +260,7 @@ function PolicyDistanceRatesPage({policy, route}: PolicyDistanceRatesPageProps)
                     buttonRef={dropdownButtonRef}
                     style={[isSmallScreenWidth && styles.flexGrow1]}
                     wrapperStyle={styles.w100}
+                    isSplitButton={false}
                 />
             )}
         </View>
diff --git a/src/pages/workspace/tags/WorkspaceTagsPage.tsx b/src/pages/workspace/tags/WorkspaceTagsPage.tsx
index fafee7b3b74d..66cd5b07f3cc 100644
--- a/src/pages/workspace/tags/WorkspaceTagsPage.tsx
+++ b/src/pages/workspace/tags/WorkspaceTagsPage.tsx
@@ -225,6 +225,7 @@ function WorkspaceTagsPage({policyTags, route}: WorkspaceTagsPageProps) {
                     onPress={() => null}
                     shouldAlwaysShowDropdownMenu
                     pressOnEnter
+                    isSplitButton={false}
                     buttonSize={CONST.DROPDOWN_BUTTON_SIZE.MEDIUM}
                     customText={translate('workspace.common.selected', {selectedNumber: selectedTagsArray.length})}
                     options={options}
diff --git a/src/pages/workspace/taxes/WorkspaceTaxesPage.tsx b/src/pages/workspace/taxes/WorkspaceTaxesPage.tsx
index a61c8ae72734..65a332868da4 100644
--- a/src/pages/workspace/taxes/WorkspaceTaxesPage.tsx
+++ b/src/pages/workspace/taxes/WorkspaceTaxesPage.tsx
@@ -233,6 +233,7 @@ function WorkspaceTaxesPage({
             customText={translate('workspace.common.selected', {selectedNumber: selectedTaxesIDs.length})}
             shouldAlwaysShowDropdownMenu
             pressOnEnter
+            isSplitButton={false}
             style={[isSmallScreenWidth && styles.w50, isSmallScreenWidth && styles.mb3]}
         />
     );