Updated iframe size

apps/comments-ui/public/main.css

@@ -592,4 +592,9 @@ video {
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.filter {
+  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }

apps/comments-ui/src/App.js

@@ -167,7 +167,8 @@ export default class App extends React.Component {
 
         const iFrameStyles = {
             border: 'none',
-            width: '100%'
+            width: '100%',
+            height: '420px'
         };
 
         return (

apps/comments-ui/src/components/Form.js

@@ -73,7 +73,6 @@ class Form extends React.Component {
                             Add a bio
                         </span>
                     </div>
-                   
                 </div>
 
                 <textarea className="w-full rounded-md border p-2" value={this.state.message} onChange={this.handleChange} placeholder="What are your thoughts?" />