diff --git a/pages/_includes/forms/form-elements-6.html b/pages/_includes/forms/form-elements-6.html
index fbfaf2e626a8edbc88e04ee64b61a64b8b4bcc86..c040dc9ee9b9a1a4e3a4f7a96ca4bf97ad9b309b 100644
--- a/pages/_includes/forms/form-elements-6.html
+++ b/pages/_includes/forms/form-elements-6.html
@@ -14,4 +14,15 @@
 		{% include ui/button.html color="secondary" block=true icon="brand/github" icon-color="github" text="Login with Github" %}
 		{% include ui/button.html color="secondary" block=true icon="brand/twitter" icon-color="twitter" text="Login with Twitter" %}
 	</div>
+</div>
+
+<div class="mb-3">
+	<label class="form-label">Form control rounded</label>
+	<input type="text" class="form-control form-control-rounded mb-2" name="Form control rounded" placeholder="Text..">
+	{% include ui/form/input-icon.html class="form-control-rounded" %}
+</div>
+
+<div class="mb-3">
+	<label class="form-label">Form control flush</label>
+	<input type="text" class="form-control form-control-flush" name="Form control flush" placeholder="Text..">
 </div>
\ No newline at end of file
diff --git a/scss/ui/_forms.scss b/scss/ui/_forms.scss
index 3cfeb6b90f7cdac8ea82d97e05b554f289467be8..bcb8c3c89020adbbfdc1a29142648dd67ee0c0ce 100644
--- a/scss/ui/_forms.scss
+++ b/scss/ui/_forms.scss
@@ -56,6 +56,19 @@ Form control
   border-color: transparent;
 }
 
+.form-control-rounded {
+  border-radius: 10rem;
+}
+
+.form-control-flush {
+  padding: 0;
+  background: none !important;
+  border-color: transparent !important;
+  resize: none;
+  box-shadow: none !important;
+  line-height: inherit;
+}
+
 .form-footer {
   margin-top: 2rem;
 }