From d256d93a2afedc5188a00a3d9fb8a07b5b874039 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Tue, 2 Jan 2024 10:49:48 +1100
Subject: [PATCH] feat(ui): use larger chevrons for number input steppers

---
 .../components/InvNumberInput/InvNumberInputStepper.tsx    | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

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>
       );