diff --git a/static/style.css b/static/style.css
index 9491907..65f8d7e 100644
--- a/static/style.css
+++ b/static/style.css
@@ -6,43 +6,42 @@ body {
   text-align: center;
 }
 
-.form {
-  display: flex;
-  flex-direction: column;
-
+.main-section {
   max-width: 90rem;
   margin: 5px auto;
 }
 
-.form__item {
-  margin: 4px;
-
-  font-size: 1.2rem;
+.form {
+  display: flex;
+  flex-direction: column;
 }
 
 .form__field {
   display: flex;
   align-items: center;
+
+  margin: 4px;
 }
 
-.form__input {
+.form__field .form__label {
+  margin-right: 8px;
+}
+
+.form__input,
+.textarea,
+.translation {
+  font-size: 1rem;
   padding: 4px;
-
-  font-size: 1.1rem;
-}
-
-.form__field .form__input {
-  margin-left: 8px;
 }
 
 .form__button {
-  padding: 5px;
+  padding: 4px 10px;
 }
 
 .textarea {
   resize: vertical;
-}
+  height: 5rem;
 
-.textarea, .translation {
-  font-size: 1.2rem
+  /* Stretch to form width */
+  width: 100%;
 }
diff --git a/templates/index.html b/templates/index.html
index c0d5d7e..3002eca 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -10,21 +10,33 @@
   <body>
     <h1 class="title">Translate</h1>
 
-    <form action="/" method="POST" class="form">
-      <label class="form__item form__field">
-        Source language: <input class="form__input" name="from" placeholder="en,de" value="{{.From}}">
-      </label>
+    <section class="main-section">
+      <form action="/" method="POST" class="form">
+        <div class="form__field">
+          <label for="from" class="item form__label">
+            Source language:
+          </label>
+          <input class="form__input" name="from" placeholder="en,de" value="{{.From}}">
+        </div>
 
-      <label class="form__item form__field">
-        Translate to: <input class="form__input" name="to" placeholder="fr,ru" value="{{.To}}">
-      </label>
+        <div class="form__field">
+          <label for="to" class="item form__label">
+            Translate to:
+          </label>
+          <input class="form__input" name="to" placeholder="fr,ru" value="{{.To}}">
+        </div>
 
-      <textarea name="text" class="form__item form__input textarea" placeholder="Text to translate">{{.Text}}</textarea>
+        <div class="form__field">
+          <textarea name="text" class="textarea" placeholder="Text to translate">{{.Text}}</textarea>
+        </div>
 
-      <button type="submit" class="form__item form__button">Translate!</button>
+        <div class="form__field">
+          <button type="submit" class="form__button">Translate!</button>
+        </div>
+      </form>
 
-      <pre class="form__item translation">{{.Translation}}</pre>
-    </form>
+      <pre class="translation">{{.Translation}}</pre>
+    </section>
   </body>
 </html>
 {{end}}
