diff --git a/packages/big-design/src/components/InlineAlert/InlineAlert.tsx b/packages/big-design/src/components/InlineAlert/InlineAlert.tsx
index 23a25a6ed..a12dc6912 100644
--- a/packages/big-design/src/components/InlineAlert/InlineAlert.tsx
+++ b/packages/big-design/src/components/InlineAlert/InlineAlert.tsx
@@ -34,12 +34,12 @@ export const InlineAlert: React.FC<InlineAlertProps> = memo(({ className, style,
         <StyledActionsWrapper flexDirection="row" flexWrap="wrap" marginTop="xSmall">
           {props.actions.map(({ text, variant = 'secondary', ...actionProps }, index) => (
             <Button
+              {...excludeMarginProps(actionProps)}
               key={index}
               marginBottom="xSmall"
               marginHorizontal="xxSmall"
               mobileWidth="auto"
               variant={getActionVariant(variant)}
-              {...excludeMarginProps(actionProps)}
             >
               {text}
             </Button>
diff --git a/packages/big-design/src/components/Message/Message.tsx b/packages/big-design/src/components/Message/Message.tsx
index c0d6c5db5..11c3442d9 100644
--- a/packages/big-design/src/components/Message/Message.tsx
+++ b/packages/big-design/src/components/Message/Message.tsx
@@ -34,12 +34,12 @@ export const Message: React.FC<MessageProps> = memo(({ className, style, header,
         <StyledActionsWrapper flexDirection="row" flexWrap="wrap" marginTop="xSmall">
           {props.actions.map(({ text, variant = 'secondary', ...actionProps }, index) => (
             <Button
+              {...excludeMarginProps(actionProps)}
               key={index}
               marginBottom="xSmall"
               marginHorizontal="xxSmall"
               mobileWidth="auto"
               variant={getActionVariant(variant)}
-              {...excludeMarginProps(actionProps)}
             >
               {text}
             </Button>