diff --git a/static/main.css b/static/main.css
index 6a4d7a8..a5c81de 100644
--- a/static/main.css
+++ b/static/main.css
@@ -100,12 +100,12 @@ body {
 
 .banner,
 .banner-background,
-.content,
-.form {
+.content {
     width: var(--elem-width)
 }
 
 .form {
+    width: calc(var(--elem-width) - 1rem);
     grid-template-columns: .51fr 1fr;
     display: grid
 }
@@ -134,6 +134,15 @@ body {
     grid-column: span 2;
 }
 
+@media (max-width: 800px) {
+    .form {
+        grid-template-columns: 1fr;
+    }
+    .form-button, .form-heading, .form-message {
+        grid-column: span 1;
+    }
+}
+
 .content {
     margin-top: 10px;
     width: calc(var(--elem-width) - 1rem)
@@ -209,7 +218,7 @@ body {
 }
 
 .video {
-    background: var(--dark);
+    background: var(--black);
     padding: .5rem;
     width: 135px;
     height: 140px;
diff --git a/views/form_bare.ejs b/views/form_bare.ejs
index 633938a..1976339 100644
--- a/views/form_bare.ejs
+++ b/views/form_bare.ejs
@@ -7,7 +7,7 @@
         <span class='form-key'>
             <img class='captcha' src='/client/captcha?a'>
         </span>
-        <input class='form-input' type='text' name='challenger' value='Type the captcha'>
+        <input class='form-input' type='text' name='challenger' placeholder='Type the captcha'>
         <% } %>
             <% for (let elem of data) { %>
                 <span class='form-key'>