diff --git a/.changeset/fuzzy-eggs-cross.md b/.changeset/fuzzy-eggs-cross.md
index ce72b3d156..ebe85735d8 100644
--- a/.changeset/fuzzy-eggs-cross.md
+++ b/.changeset/fuzzy-eggs-cross.md
@@ -2,4 +2,4 @@
 "@coinbase/onchainkit": patch
 ---
 
-- **feat**: introduce Inter font-family and internal text components. By @kyhyco #506
+- **feat**: introduce `Inter` font-family and internal text components. By @kyhyco #506
diff --git a/src/internal/text/TextBody.tsx b/src/internal/text/TextBody.tsx
index 2339a3ddda..18060126af 100644
--- a/src/internal/text/TextBody.tsx
+++ b/src/internal/text/TextBody.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 type TextBodyReact = {
   children: ReactNode;
@@ -6,7 +6,7 @@ type TextBodyReact = {
 
 export function TextBody({ children }: TextBodyReact) {
   return (
-    <span className="text-sans text-base leading-normal text-black">
+    <span className='text-base text-black text-sans leading-normal'>
       {children}
     </span>
   );
diff --git a/src/internal/text/TextCaption.tsx b/src/internal/text/TextCaption.tsx
index ace89ad40c..964735e422 100644
--- a/src/internal/text/TextCaption.tsx
+++ b/src/internal/text/TextCaption.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 type TextCaptionReact = {
   children: ReactNode;
@@ -7,6 +7,6 @@ type TextCaptionReact = {
 /* istanbul ignore next */
 export function TextCaption({ children }: TextCaptionReact) {
   return (
-    <span className="text-sans text-bold text-xs leading-4">{children}</span>
+    <span className='text-bold text-sans text-xs leading-4'>{children}</span>
   );
 }
diff --git a/src/internal/text/TextHeadline.tsx b/src/internal/text/TextHeadline.tsx
index c1a184578a..f0023d7d30 100644
--- a/src/internal/text/TextHeadline.tsx
+++ b/src/internal/text/TextHeadline.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 type TextHeadlineReact = {
   children: ReactNode;
@@ -6,7 +6,7 @@ type TextHeadlineReact = {
 
 export function TextHeadline({ children }: TextHeadlineReact) {
   return (
-    <span className="text-sans text-base leading-normal text-bold text-[#0A0B0D]">
+    <span className='text-[#0A0B0D] text-base text-bold text-sans leading-normal'>
       {children}
     </span>
   );
diff --git a/src/internal/text/TextLabel1.tsx b/src/internal/text/TextLabel1.tsx
index 1f6e292e81..b7884cd98b 100644
--- a/src/internal/text/TextLabel1.tsx
+++ b/src/internal/text/TextLabel1.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 type TextLabel1React = {
   children: ReactNode;
@@ -7,7 +7,7 @@ type TextLabel1React = {
 /* istanbul ignore next */
 export function TextLabel1({ children }: TextLabel1React) {
   return (
-    <span className="text-sans text-bold text-sm leading-5 text-[#0A0B0D]">
+    <span className='text-[#0A0B0D] text-bold text-sans text-sm leading-5'>
       {children}
     </span>
   );
diff --git a/src/internal/text/TextLabel2.tsx b/src/internal/text/TextLabel2.tsx
index a52032edde..cbd416b7ce 100644
--- a/src/internal/text/TextLabel2.tsx
+++ b/src/internal/text/TextLabel2.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 type TextLabel2React = {
   children: ReactNode;
@@ -7,7 +7,7 @@ type TextLabel2React = {
 /* istanbul ignore next */
 export function TextLabel2({ children }: TextLabel2React) {
   return (
-    <span className="text-sans text-sm leading-5 text-[#0A0B0D]">
+    <span className='text-[#0A0B0D] text-sans text-sm leading-5'>
       {children}
     </span>
   );
diff --git a/src/internal/text/TextLegal.tsx b/src/internal/text/TextLegal.tsx
index ee8d1126a7..08381a9d3b 100644
--- a/src/internal/text/TextLegal.tsx
+++ b/src/internal/text/TextLegal.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 type TextLegalReact = {
   children: ReactNode;
diff --git a/src/swap/components/SwapAmountInput.test.tsx b/src/swap/components/SwapAmountInput.test.tsx
index 81975a66c1..72279cfd2e 100644
--- a/src/swap/components/SwapAmountInput.test.tsx
+++ b/src/swap/components/SwapAmountInput.test.tsx
@@ -6,7 +6,7 @@ import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { SwapAmountInput } from './SwapAmountInput';
 import { SwapContext } from '../context';
-import { type Token } from '../../token';
+import type { Token } from '../../token';
 import type { SwapContextType } from '../types';
 import type { Address } from 'viem';
 
diff --git a/src/swap/components/SwapAmountInput.tsx b/src/swap/components/SwapAmountInput.tsx
index 02b032692f..7da5c463bb 100644
--- a/src/swap/components/SwapAmountInput.tsx
+++ b/src/swap/components/SwapAmountInput.tsx
@@ -83,7 +83,7 @@ export function SwapAmountInput({ label, token, type }: SwapAmountInputReact) {
       <div className="flex w-full items-center justify-between">
         <label className="font-semibold text-[#030712] text-sm">{label}</label>
         {roundedBalance && (
-          <label className="text-sm font-normal text-gray-400">{`Balance: ${roundedBalance}`}</label>
+          <label className='font-normal text-gray-400 text-sm'>{`Balance: ${roundedBalance}`}</label>
         )}
       </div>
       <div className="flex w-full items-center justify-between">
@@ -92,8 +92,8 @@ export function SwapAmountInput({ label, token, type }: SwapAmountInputReact) {
           <button
             className={cn(
               'flex h-8 w-[58px] max-w-[200px] items-center rounded-[40px]',
-              'bg-gray-100 px-3 py-2 text-base font-medium',
-              'not-italic leading-6 text-gray-500',
+              'bg-gray-100 px-3 py-2 font-medium text-base',
+              'text-gray-500 not-italic leading-6',
             )}
             data-testid="ockSwapAmountInput_MaxButton"
             disabled={roundedBalance === undefined}
diff --git a/src/swap/utils.ts b/src/swap/utils.ts
index 364be29f00..6a4dd40f58 100644
--- a/src/swap/utils.ts
+++ b/src/swap/utils.ts
@@ -17,11 +17,11 @@ export function isSwapError(response: unknown): response is SwapError {
 
 export function formatTokenAmount(amount: string, decimals: number) {
   // Convert the string amount to a number using decimals value
-  const numberAmount = Number(amount) / Math.pow(10, decimals);
+  const numberAmount = Number(amount) / 10 ** decimals;
   return numberAmount.toString();
 }
 
 export function getRoundedAmount(balance: string, fractionDigits: number) {
-  const parsedBalance = parseFloat(balance);
+  const parsedBalance = Number.parseFloat(balance);
   return Number(parsedBalance)?.toFixed(fractionDigits).replace(/0+$/, '');
 }
diff --git a/src/version.ts b/src/version.ts
index 1412837fc7..47f7fc50ef 100644
--- a/src/version.ts
+++ b/src/version.ts
@@ -1 +1 @@
-export const version = '0.20.6';
+export const version = '0.20.7';