diff --git a/client/i18n/locales/english/translations.json b/client/i18n/locales/english/translations.json
index ef0cfee8b6..836a4f5f04 100644
--- a/client/i18n/locales/english/translations.json
+++ b/client/i18n/locales/english/translations.json
@@ -290,7 +290,7 @@
     },
     "help-translate": "We are still translating the following certifications.",
     "help-translate-link": "Help us translate.",
-    "project-preview-title": "Complete project demo."
+    "project-preview-title": "Here's a preview of what you will build"
   },
   "donate": {
     "title": "Support our nonprofit",
diff --git a/client/src/templates/Challenges/components/preview.css b/client/src/templates/Challenges/components/preview.css
index 4601370abb..11a22f1310 100644
--- a/client/src/templates/Challenges/components/preview.css
+++ b/client/src/templates/Challenges/components/preview.css
@@ -1,6 +1,7 @@
 .challenge-preview,
 .challenge-preview-frame {
   height: 100%;
+  min-height: 70vh;
   width: 100%;
   padding: 0;
   margin: 0;
diff --git a/client/src/templates/Challenges/components/project-preview-modal.css b/client/src/templates/Challenges/components/project-preview-modal.css
new file mode 100644
index 0000000000..5990ba3d2e
--- /dev/null
+++ b/client/src/templates/Challenges/components/project-preview-modal.css
@@ -0,0 +1,3 @@
+.project-preview-modal {
+  min-width: 70%;
+}
diff --git a/client/src/templates/Challenges/components/project-preview-modal.tsx b/client/src/templates/Challenges/components/project-preview-modal.tsx
index dceb667b9b..71aa8aa3ef 100644
--- a/client/src/templates/Challenges/components/project-preview-modal.tsx
+++ b/client/src/templates/Challenges/components/project-preview-modal.tsx
@@ -13,6 +13,8 @@ import {
 import { projectPreviewId } from '../utils/frame';
 import Preview from './preview';
 
+import './project-preview-modal.css';
+
 export interface PreviewConfig {
   challengeType: boolean;
   challengeFiles: ChallengeFile[];