diff --git a/frappe/public/js/form_builder/components/Field.vue b/frappe/public/js/form_builder/components/Field.vue
index f7ab5646d8..15cc1b8713 100644
--- a/frappe/public/js/form_builder/components/Field.vue
+++ b/frappe/public/js/form_builder/components/Field.vue
@@ -48,7 +48,7 @@ function move_fields_to_column() {
 		@mouseout.stop="hovered = false"
 	>
 		<div class="field-controls">
-			<div>
+			<div :class="{ 'reqd': field.df.reqd }">
 				<input
 					v-if="editing"
 					ref="label_input"
@@ -133,6 +133,11 @@ function move_fields_to_column() {
 		justify-content: space-between;
 		align-items: center;
 
+		.reqd::after {
+			content: " *";
+			color: var(--red-400);
+		}
+
 		.label-input {
 			background-color: transparent;
 			border: none;