diff --git a/invokeai/frontend/web/src/common/components/InvNumberInput/InvNumberInputStepper.tsx b/invokeai/frontend/web/src/common/components/InvNumberInput/InvNumberInputStepper.tsx
index 99b1944cb2..247b42f7da 100644
--- a/invokeai/frontend/web/src/common/components/InvNumberInput/InvNumberInputStepper.tsx
+++ b/invokeai/frontend/web/src/common/components/InvNumberInput/InvNumberInputStepper.tsx
@@ -1,12 +1,11 @@
+import { ChevronDownIcon, ChevronUpIcon } from '@chakra-ui/icons';
 import {
   forwardRef,
-  Icon as ChakraIcon,
   NumberDecrementStepper as ChakraNumberDecrementStepper,
   NumberIncrementStepper as ChakraNumberIncrementStepper,
   NumberInputStepper as ChakraNumberInputStepper,
 } from '@chakra-ui/react';
 import { memo } from 'react';
-import { FaMinus, FaPlus } from 'react-icons/fa6';
 
 import type { InvNumberInputStepperProps } from './types';
 
@@ -16,10 +15,10 @@ export const InvNumberInputStepper = memo(
       return (
         <ChakraNumberInputStepper ref={ref} {...props}>
           <ChakraNumberIncrementStepper>
-            <ChakraIcon as={FaPlus} boxSize={2} />
+            <ChevronUpIcon />
           </ChakraNumberIncrementStepper>
           <ChakraNumberDecrementStepper>
-            <ChakraIcon as={FaMinus} boxSize={2} />
+            <ChevronDownIcon />
           </ChakraNumberDecrementStepper>
         </ChakraNumberInputStepper>
       );