diff --git a/react/src/views/Home.tsx b/react/src/views/Home.tsx
index 33ee15b..b9796ba 100644
--- a/react/src/views/Home.tsx
+++ b/react/src/views/Home.tsx
@@ -448,10 +448,11 @@ export default function Home() {
           <div className={classes.spacer} />
           {hasQuote && (
             <Typography variant="subtitle1" className={classes.swapPath}>
-              {`${amountIn} ${sourceTokenInfo.name} `}
-              <ArrowForward fontSize="inherit" />
-              {` ${amountInUST} UST `} <ArrowForward fontSize="inherit" />
-              {` ${amountOut} ${targetTokenInfo.name}`}
+              {`${amountIn} ${sourceTokenInfo.name}`}
+              <ArrowForward fontSize="inherit" style={{ margin: "10px" }} />
+              {`${amountInUST} UST `}
+              <ArrowForward fontSize="inherit" style={{ margin: "10px" }} />
+              {`${amountOut} ${targetTokenInfo.name}`}
             </Typography>
           )}
           {isFirstSwapComplete &&