diff --git a/packages/react-kit/src/components/currencyDisplay/CurrencyDisplay.tsx b/packages/react-kit/src/components/currencyDisplay/CurrencyDisplay.tsx
index 9e9381c88..3545341d3 100644
--- a/packages/react-kit/src/components/currencyDisplay/CurrencyDisplay.tsx
+++ b/packages/react-kit/src/components/currencyDisplay/CurrencyDisplay.tsx
@@ -63,7 +63,7 @@ const CurrencyDisplayValue = styled.span.attrs((props: { height: number }) => ({
   ${({ height }) =>
     css`
       line-height: ${height}px;
-      font-size: ${(height - 5) / 16}px;
+      font-size: ${(height - 5) / 16}rem;
     `}
 
   color: #09182c;