diff --git a/example-templates/dist/shop/cart/load.twig b/example-templates/dist/shop/cart/load.twig
index b8872a779a..d9d621c479 100644
--- a/example-templates/dist/shop/cart/load.twig
+++ b/example-templates/dist/shop/cart/load.twig
@@ -21,9 +21,9 @@ Outputs form for collecting a cart number to be loaded.
           {{- 'Cart Number'|t -}}
         </label>
         <div>
-          {{ input('text', 'number', 'border border-gray-300 hover:border-gray-500 px-4 py-2 leading-tight rounded', {
+          {{ input('text', 'number', {
             id: 'number',
-            class: ['w-full', ''],
+            class: ['w-full', 'border border-gray-300 hover:border-gray-500 px-4 py-2 leading-tight rounded'],
             placeholder: '7e89fh0ew8034…'
           }) }}
         </div>
diff --git a/example-templates/src/shop/cart/load.twig b/example-templates/src/shop/cart/load.twig
index 5bdddb7fb0..5a22b9b9dd 100644
--- a/example-templates/src/shop/cart/load.twig
+++ b/example-templates/src/shop/cart/load.twig
@@ -21,9 +21,9 @@ Outputs form for collecting a cart number to be loaded.
           {{- 'Cart Number'|t -}}
         </label>
         <div>
-          {{ input('text', 'number', '[[classes.input]]', {
+          {{ input('text', 'number', null, {
             id: 'number',
-            class: ['w-full', ''],
+            class: ['w-full', '[[classes.input]]'],
             placeholder: '7e89fh0ew8034…'
           }) }}
         </div>