diff --git a/src/components/ordering/MenuItemCustomizer.tsx b/src/components/ordering/MenuItemCustomizer.tsx
index 4a97ed0..f467b07 100644
--- a/src/components/ordering/MenuItemCustomizer.tsx
+++ b/src/components/ordering/MenuItemCustomizer.tsx
@@ -80,7 +80,7 @@ export const MenuItemCustomizer = ({
             disabled={quantity === 0}
             aria-label={`Remove one ${item.name}`}
           >
-            −
+            <span aria-hidden="true">−</span>
           </button>
           <AnimatedNumber value={quantity} className={styles.count} />
           <button
@@ -89,7 +89,7 @@ export const MenuItemCustomizer = ({
             onClick={() => onAdd(item.id, checkedOptionIds)}
             aria-label={`Add one ${item.name}`}
           >
-            +
+            <span aria-hidden="true">+</span>
           </button>
         </div>
       </div>
diff --git a/src/components/ordering/MenuList.tsx b/src/components/ordering/MenuList.tsx
index a63d178..71074a0 100644
--- a/src/components/ordering/MenuList.tsx
+++ b/src/components/ordering/MenuList.tsx
@@ -72,7 +72,7 @@ export const MenuList = ({ menu, lines, onAdd, onRemove }: MenuListProps) => (
                 disabled={(defaultLine?.quantity ?? 0) === 0}
                 aria-label={`Remove one ${item.name}`}
               >
-                −
+                <span aria-hidden="true">−</span>
               </button>
               <AnimatedNumber
                 value={defaultLine?.quantity ?? 0}
@@ -84,7 +84,7 @@ export const MenuList = ({ menu, lines, onAdd, onRemove }: MenuListProps) => (
                 onClick={() => onAdd(item.id)}
                 aria-label={`Add one ${item.name}`}
               >
-                +
+                <span aria-hidden="true">+</span>
               </button>
             </div>
           </div>
diff --git a/src/routes/basket.tsx b/src/routes/basket.tsx
index 2f489a2..a2d31aa 100644
--- a/src/routes/basket.tsx
+++ b/src/routes/basket.tsx
@@ -119,7 +119,7 @@ const BasketPage = () => {
                           onClick={() => remove(line.menuItemId, line.optionIds)}
                           aria-label={`Remove one ${item.name}`}
                         >
-                          −
+                          <span aria-hidden="true">−</span>
                         </button>
                         <AnimatedNumber
                           value={line.quantity}
@@ -131,7 +131,7 @@ const BasketPage = () => {
                           onClick={() => add(line.menuItemId, line.optionIds)}
                           aria-label={`Add one ${item.name}`}
                         >
-                          +
+                          <span aria-hidden="true">+</span>
                         </button>
                       </div>
                     </li>