diff --git a/index.html b/index.html
index 23a0d39..5c41732 100644
--- a/index.html
+++ b/index.html
@@ -112,6 +112,10 @@
         <label for="error_field">.input.is-error</label>
         <input type="text" id="error_field" class="input is-error" placeholder="awesome.css">
       </div>
+      <div class="field">
+        <label for="textarea_field">Textarea</label>
+        <textarea id="textarea_field" class="textarea">
+      </div>
     </section>
 
     <section class="balloon container with-title">
diff --git a/scss/form/inputs.scss b/scss/form/inputs.scss
index fd0e496..a658d91 100644
--- a/scss/form/inputs.scss
+++ b/scss/form/inputs.scss
@@ -1,4 +1,5 @@
-.input {
+.input,
+.textarea {
   @mixin border-style($border, $outline) {
     outline-color: $outline;
     // prettier-ignore
@@ -31,7 +32,8 @@
   > label {
     display: block;
   }
-  .input {
+  .input,
+  .textarea {
     display: block;
   }
 
@@ -47,7 +49,8 @@
       text-align: right;
     }
 
-    .input {
+    .input,
+    .textarea {
       flex-basis: 0;
       flex-grow: 5;
     }