diff --git a/packages/web/src/javascripts/Components/ChallengeModal/ChallengeModal.tsx b/packages/web/src/javascripts/Components/ChallengeModal/ChallengeModal.tsx
index 3ca17e690..a1fbe9ac6 100644
--- a/packages/web/src/javascripts/Components/ChallengeModal/ChallengeModal.tsx
+++ b/packages/web/src/javascripts/Components/ChallengeModal/ChallengeModal.tsx
@@ -233,7 +233,17 @@ const ChallengeModal: FunctionComponent<Props> = ({
           ),
         }}
         customHeader={<></>}
+        customFooter={<></>}
         disableCustomHeader={isMobileScreen}
+        actions={[
+          {
+            label: 'Cancel',
+            onClick: cancelChallenge,
+            type: 'primary',
+            hidden: !challenge.cancelable,
+            mobileSlot: 'right',
+          },
+        ]}
       >
         {challenge.cancelable && (
           <button