diff --git a/webclient/src/scss/ui_components/_forms.scss b/webclient/src/scss/ui_components/_forms.scss
index 5efdf60..469a088 100644
--- a/webclient/src/scss/ui_components/_forms.scss
+++ b/webclient/src/scss/ui_components/_forms.scss
@@ -6,7 +6,7 @@
 		max-width: 420px;
 		position: relative;
 
-		.ph {
+		& > .ph {
 			position: absolute;
 			color: $color-text-light;
 			left: 0;
@@ -103,6 +103,26 @@
 
 			pointer-events: none;
 		}
+
+		&.error {
+			.input:not(:focus) {
+				border-color: $color-error;
+			}
+
+			& + .input-info {
+				color: $color-warning;
+			}
+		}
+	}
+
+	.input-info {
+		font-size: $font-size-md;
+		margin-top: $space-2;
+
+		.ph {
+			position: relative;
+			top: 1px;
+		}
 	}
 }
 
diff --git a/webclient/ui_components/forms.php b/webclient/ui_components/forms.php
index 8bbeaea..df83c2e 100644
--- a/webclient/ui_components/forms.php
+++ b/webclient/ui_components/forms.php
@@ -9,11 +9,12 @@
 	</div>
 
 	<div class="block form-group">
-		<label class="label">
+		<label class="label error">
 			Text input
 			<i class="ph ph-user"></i>
 			<input type="text" class="input" placeholder="Введите текст">
 		</label>
+		<div class="input-info"><i class="ph ph-warning-circle"></i> Field cannot be empty</div>
 	</div>
 
 	<div class="block form-group">