diff --git a/web/src/app/SwapButton.tsx b/web/src/app/SwapButton.tsx
index da4f54ea..e91f3693 100644
--- a/web/src/app/SwapButton.tsx
+++ b/web/src/app/SwapButton.tsx
@@ -22,6 +22,6 @@ export const SwapButton = ({ onClick }: { onClick?: () => void }) => (
     className="z-10 flex size-[40px] cursor-pointer items-center justify-center bg-white"
     onClick={onClick}
   >
-    <Swap className="w-[10px]" />
+    <Swap className="h-[17px] w-[11px]" />
   </motion.div>
 );
diff --git a/web/src/components/SwapForm.tsx b/web/src/components/SwapForm.tsx
index b43a5c2d..c5a060b8 100644
--- a/web/src/components/SwapForm.tsx
+++ b/web/src/components/SwapForm.tsx
@@ -487,7 +487,7 @@ export const SwapForm = () => {
               }
               onClick={flipTokens}
             >
-              <Swap />
+              <Swap className="h-[17px] w-[11px]" />
             </Button>
 
             <div className="mt-[-12px] flex h-[102px] w-[317px] flex-col justify-between rounded-lg bg-black pb-[19px] pl-[21px] pr-[15px] pt-[17px] text-white md:mt-[-15px] md:h-[126.37px] md:w-[392.42px] md:pl-[25px] md:pr-[20px] md:pt-[22px]">