From 4438761a1027608ec6ca666c512c2f1bfd07f74e Mon Sep 17 00:00:00 2001
From: emyarod <afw5059@gmail.com>
Date: Mon, 10 Aug 2020 10:34:16 -0500
Subject: [PATCH] fix(Modal): use ButtonSet

---
 packages/react/src/components/Modal/Modal.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/Modal/Modal.js b/packages/react/src/components/Modal/Modal.js
index ac6f77f040df..3a799254062b 100644
--- a/packages/react/src/components/Modal/Modal.js
+++ b/packages/react/src/components/Modal/Modal.js
@@ -12,6 +12,7 @@ import { settings } from 'carbon-components';
 import { Close20 } from '@carbon/icons-react';
 import toggleClass from '../../tools/toggleClass';
 import Button from '../Button';
+import ButtonSet from '../ButtonSet';
 import deprecate from '../../prop-types/deprecate';
 import requiredIfGivenPropIsTruthy from '../../prop-types/requiredIfGivenPropIsTruthy';
 import wrapFocus, {
@@ -419,7 +420,7 @@ export default class Modal extends Component {
           <div className={`${prefix}--modal-content--overflow-indicator`} />
         )}
         {!passiveModal && (
-          <div className={`${prefix}--modal-footer`}>
+          <ButtonSet className={`${prefix}--modal-footer`}>
             <Button kind="secondary" onClick={onSecondaryButtonClick}>
               {secondaryButtonText}
             </Button>
@@ -430,7 +431,7 @@ export default class Modal extends Component {
               ref={this.button}>
               {primaryButtonText}
             </Button>
-          </div>
+          </ButtonSet>
         )}
       </div>
     );