diff --git a/app/views/admin/products_v3/_variant_row.html.haml b/app/views/admin/products_v3/_variant_row.html.haml
index d87763e42f..1e8a8f288d 100644
--- a/app/views/admin/products_v3/_variant_row.html.haml
+++ b/app/views/admin/products_v3/_variant_row.html.haml
@@ -17,7 +17,11 @@
       { class: "fullwidth no-input", 'aria-label': t('admin.products_page.columns.unit_scale'), data: { "controller": "tom-select", "tom-select-options-value": '{ "plugins": [] }', action: "change->toggle-control#displayIfMatch" }, required: true }
   = error_message_on variant, :variant_unit, 'data-toggle-control-target': 'control'
   .field
-    = f.text_field :variant_unit_name, 'aria-label': t('items'), 'data-toggle-control-target': 'control', style: (variant.variant_unit == "items" ? "" : "display: none")
+    = f.text_field :variant_unit_name,
+                'aria-label': t('items'),
+                'data-toggle-control-target': 'control',
+                style: (variant.variant_unit == "items" ? "" : "display: none;"),
+                maxlength: 10
     = error_message_on variant, :variant_unit_name, 'data-toggle-control-target': 'control'
 %td.col-unit.field.popout{'data-controller': "popout", 'data-popout-update-display-value': "false"}
   = f.button :unit_to_display, class: "popout__button", 'aria-label': t('admin.products_page.columns.unit'), 'data-popout-target': "button" do
diff --git a/app/views/spree/admin/products/new.html.haml b/app/views/spree/admin/products/new.html.haml
index d495fc170d..2083fed9f1 100644
--- a/app/views/spree/admin/products/new.html.haml
+++ b/app/views/spree/admin/products/new.html.haml
@@ -57,7 +57,12 @@
           = f.field_container :variant_unit_name do
             = f.label :variant_unit_name, t(".unit_name")
             %span.required *
-            = f.text_field :variant_unit_name, :placeholder => t('admin.products.unit_name_placeholder'), 'ng-model' => 'product.variant_unit_name', class: 'fullwidth', 'ng-init': "product.variant_unit_name='#{@product.variant_unit_name}'"
+            = f.text_field :variant_unit_name,
+               placeholder: t('admin.products.unit_name_placeholder'),
+               'ng-model' => 'product.variant_unit_name',
+               class: 'fullwidth',
+               'ng-init' => "product.variant_unit_name='#{@product.variant_unit_name}'",
+               maxlength: 10
             = f.error_message_on :variant_unit_name
       .sixteen.columns.alpha
         .eight.columns.alpha