diff --git a/client/src/templates/Challenges/components/project-preview-modal.tsx b/client/src/templates/Challenges/components/project-preview-modal.tsx
index 71aa8aa3ef..1c9ccc601a 100644
--- a/client/src/templates/Challenges/components/project-preview-modal.tsx
+++ b/client/src/templates/Challenges/components/project-preview-modal.tsx
@@ -77,6 +77,8 @@ export function ProjectPreviewModal({
             projectPreviewMounted(previewConfig);
           }}
         />
+      </Modal.Body>
+      <Modal.Footer>
         <Button
           block={true}
           bsSize='lg'
@@ -88,7 +90,7 @@ export function ProjectPreviewModal({
         >
           {t('buttons.hide-project-preview')}
         </Button>
-      </Modal.Body>
+      </Modal.Footer>
     </Modal>
   );
 }