From 80903ac57811aba58aeed5e96ef23d70db8ca9b3 Mon Sep 17 00:00:00 2001
From: emyarod <emyarod@users.noreply.github.com>
Date: Tue, 3 Mar 2020 16:30:06 -0600
Subject: [PATCH] fix(modal): set half width single buttons (#5502)

---
 packages/components/src/components/modal/_modal.scss          | 4 ++--
 packages/components/src/globals/scss/__tests__/themes-test.js | 1 -
 packages/components/src/globals/scss/_theme-tokens.scss       | 1 +
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/components/modal/_modal.scss b/packages/components/src/components/modal/_modal.scss
index 1dea60cc412a..e3bc64be97b1 100644
--- a/packages/components/src/components/modal/_modal.scss
+++ b/packages/components/src/components/modal/_modal.scss
@@ -292,16 +292,16 @@
 
   .#{$prefix}--modal-footer {
     display: flex;
+    justify-content: flex-end;
     margin-top: auto;
     height: 4rem;
-    background-color: $modal-footer-background-color;
 
     grid-row: -1/-1;
     grid-column: 1/-1;
 
     button.#{$prefix}--btn {
       max-width: none;
-      flex: 1;
+      flex: 0 1 50%;
       height: 4rem;
       margin: 0;
       padding-top: $spacing-05;
diff --git a/packages/components/src/globals/scss/__tests__/themes-test.js b/packages/components/src/globals/scss/__tests__/themes-test.js
index 59a0476f5159..31cbd23d6181 100644
--- a/packages/components/src/globals/scss/__tests__/themes-test.js
+++ b/packages/components/src/globals/scss/__tests__/themes-test.js
@@ -81,7 +81,6 @@ const classic = [
 
   // Modal
   'modal-border-top',
-  'modal-footer-background-color',
 
   // Progress Indicator
   'progress-indicator-bar-width',
diff --git a/packages/components/src/globals/scss/_theme-tokens.scss b/packages/components/src/globals/scss/_theme-tokens.scss
index 3d035ede0854..c73c43c1c495 100644
--- a/packages/components/src/globals/scss/_theme-tokens.scss
+++ b/packages/components/src/globals/scss/_theme-tokens.scss
@@ -255,6 +255,7 @@ $modal-border-top: $brand-01 4px solid !default;
 /// @type Color
 /// @access public
 /// @group modal
+/// @deprecated
 $modal-footer-background-color: $ui-03 !default;
 
 // Notification