diff --git a/erpnext/stock/doctype/manage_variants/manage_variants.js b/erpnext/stock/doctype/manage_variants/manage_variants.js
index 9e6fff78b8d..82a3da7f4d9 100644
--- a/erpnext/stock/doctype/manage_variants/manage_variants.js
+++ b/erpnext/stock/doctype/manage_variants/manage_variants.js
@@ -5,6 +5,7 @@ frappe.ui.form.on("Manage Variants", {
 	onload: function(frm) {
 		var df = frappe.meta.get_docfield("Variant Attribute", "attribute_value");
 		df.on_make = function(field) {
+			$(field.input_area).addClass("ui-front");
 			field.$input.autocomplete({
 				minLength: 0,
 				minChars: 0,