diff --git a/src/client/components/main_layout/FeedbackPage.js b/src/client/components/main_layout/FeedbackPage.js
index 60ee58f08431eff7e38c879aee793f37ac125967..9f1aa37d679837ce359c49f709bc0103ddbacd56 100644
--- a/src/client/components/main_layout/FeedbackPage.js
+++ b/src/client/components/main_layout/FeedbackPage.js
@@ -14,15 +14,11 @@ const styles = theme => ({
   },
   content: {
     padding: theme.spacing(1),
-    width: 800,
-    overflowY: 'auto'
-  },
-  spinnerContainer: {
-    display: 'flex',
     width: '100%',
-    height: '100%',
-    alignItems: 'center',
-    justifyContent: 'center'
+    overflowY: 'auto',
+    [theme.breakpoints.up('md')]: {
+      width: 800,
+    },
   },
   // https://benmarshall.me/responsive-iframes/
   iframeContainer: {
@@ -38,6 +34,13 @@ const styles = theme => ({
     top: 0,
     width: '100%',
   },
+  spinnerContainer: {
+    display: 'flex',
+    width: '100%',
+    height: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   spinner: {
     height: 40,
     width: 40,
diff --git a/src/client/containers/SemanticPortal.js b/src/client/containers/SemanticPortal.js
index bcb05278148191b87bc7e5d17c1b5c3bc3c0b158..b5307f1f772ac56f6aceaa3684c34b1ba025feb4 100644
--- a/src/client/containers/SemanticPortal.js
+++ b/src/client/containers/SemanticPortal.js
@@ -420,7 +420,11 @@ let SemanticPortal = props => {
           { /* create routes for info buttons */ }
           <Route
             path={`/feedback`}
-            render={() => null /* <FeedbackPage /> */ }
+            render={() =>
+              <div className={classes.mainContainer}>
+                <FeedbackPage />
+              </div>
+            }
           />
         </React.Fragment>
       </div>