diff --git a/pages/uniswap.tsx b/pages/uniswap.tsx
index 9001a21..04a6280 100644
--- a/pages/uniswap.tsx
+++ b/pages/uniswap.tsx
@@ -1,23 +1,32 @@
-import Head from 'next/head'
-import Footer from '../components/Footer'
-import Header from '../components/Header'
-import { WagmiConfig, configureChains, mainnet, createConfig, useAccount } from 'wagmi'
-import { publicProvider } from 'wagmi/providers/public'
-import PoolTokenBalance from '../components/uniswap/PoolTokenBalance'
-import ClaimableReward from '../components/uniswap/ClaimableReward'
-import PoolTokenDeposits from '../components/uniswap/PoolTokenDeposits'
-import RewardDetails from '../components/uniswap/RewardDetails'
-import ClaimRewardsFlow from '../components/uniswap/ClaimRewardsFlow'
-import DepositPoolTokensFlow from '../components/uniswap/DepositPoolTokensFlow'
+import Head from "next/head";
+import Footer from "../components/Footer";
+import Header from "../components/Header";
+import {
+  WagmiConfig,
+  configureChains,
+  mainnet,
+  createConfig,
+  useAccount,
+} from "wagmi";
+import { publicProvider } from "wagmi/providers/public";
+import PoolTokenBalance from "../components/uniswap/PoolTokenBalance";
+import ClaimableReward from "../components/uniswap/ClaimableReward";
+import PoolTokenDeposits from "../components/uniswap/PoolTokenDeposits";
+import RewardDetails from "../components/uniswap/RewardDetails";
+import ClaimRewardsFlow from "../components/uniswap/ClaimRewardsFlow";
+import DepositPoolTokensFlow from "../components/uniswap/DepositPoolTokensFlow";
 
-const { publicClient } = configureChains([mainnet], [publicProvider()])
-const config = createConfig({ autoConnect: true, publicClient })
+const { publicClient } = configureChains([mainnet], [publicProvider()]);
+const config = createConfig({ autoConnect: true, publicClient });
+
+const UNISWAP_URL =
+  "https://app.uniswap.org/add/v2/ETH/0xe29797910D413281d2821D5d9a989262c8121CC2";
 
 export default function Uniswap() {
-  console.log('Uniswap')
+  console.log("Uniswap");
 
-  const { address, isConnecting, isDisconnected } = useAccount()
-  console.log('address:', address)
+  const { address, isConnecting, isDisconnected } = useAccount();
+  console.log("address:", address);
 
   return (
     <WagmiConfig config={config}>
@@ -30,28 +39,32 @@ export default function Uniswap() {
         <Header />
 
         <main className="flex flex-col items-center justify-center w-full flex-1 px-20 text-center">
-          <h1 className="text-6xl font-bold">
-              Uniswap Liquidity Pool 🦄
-          </h1>
+          <h1 className="text-6xl font-bold">Uniswap Liquidity Pool 🦄</h1>
 
           <p className="mt-3 text-2xl">
-              Get started by connecting your Ethereum wallet ☝🏽
+            Get started by connecting your Ethereum wallet ☝🏽
           </p>
 
           <div className="flex flex-wrap items-center justify-around max-w-4xl mt-6 sm:w-full">
             <div className="bg-white mt-6 border w-96 rounded-2xl drop-shadow-md">
-              <div className='p-6'>
+              <div className="p-6">
                 <h3 className="text-2xl font-bold">1. Provide Liquidity 💧</h3>
-                <p className='mt-4'>
-                  Provide liquidity to the <a className="font-bold text-purple-600" target="_blank" rel="noreferrer" href="https://app.uniswap.org/#/add/v2/ETH/0xe29797910D413281d2821D5d9a989262c8121CC2">Uniswap pool</a>
+                <p className="mt-4">
+                  Provide liquidity to the{" "}
+                  <a
+                    className="font-bold text-purple-600"
+                    target="_blank"
+                    rel="noreferrer"
+                    href={UNISWAP_URL}
+                  >
+                    Uniswap pool
+                  </a>
                   , and receive Uniswap pool tokens.
                 </p>
               </div>
-              <div className='p-6 border-t-2 border-purple-100 bg-purple-50 rounded-b-2xl'>
-                <p>
-                  Your current pool token balance:
-                </p>
-                <code className='text-lg'>
+              <div className="p-6 border-t-2 border-purple-100 bg-purple-50 rounded-b-2xl">
+                <p>Your current pool token balance:</p>
+                <code className="text-lg">
                   <PoolTokenBalance address={address} />
                 </code>
               </div>
@@ -60,18 +73,21 @@ export default function Uniswap() {
 
           <div className="flex flex-wrap items-center justify-around max-w-4xl mt-6 sm:w-full">
             <div className="bg-white mt-6 border w-96 rounded-2xl drop-shadow-md">
-              <div className='p-6'>
-                <h3 className="text-2xl font-bold">2. Deposit Pool Tokens 📥</h3>
-                <p className='mt-4'>Deposit your Uniswap pool tokens into the elimu.ai rewards smart contract to start earning rewards.</p>
-                <div className='mt-4'>
+              <div className="p-6">
+                <h3 className="text-2xl font-bold">
+                  2. Deposit Pool Tokens 📥
+                </h3>
+                <p className="mt-4">
+                  Deposit your Uniswap pool tokens into the elimu.ai rewards
+                  smart contract to start earning rewards.
+                </p>
+                <div className="mt-4">
                   <DepositPoolTokensFlow address={address} />
                 </div>
               </div>
-              <div className='p-6 border-t-2 border-purple-100 bg-purple-50 rounded-b-2xl'>
-                <p>
-                  Your current pool token deposits:
-                </p>
-                <code className='text-lg'>
+              <div className="p-6 border-t-2 border-purple-100 bg-purple-50 rounded-b-2xl">
+                <p>Your current pool token deposits:</p>
+                <code className="text-lg">
                   <PoolTokenDeposits address={address} />
                 </code>
               </div>
@@ -80,20 +96,18 @@ export default function Uniswap() {
 
           <div className="flex flex-wrap items-center justify-around max-w-4xl mt-6 sm:w-full">
             <div className="bg-white mt-6 border w-96 rounded-2xl drop-shadow-md">
-              <div className='p-6'>
+              <div className="p-6">
                 <h3 className="text-2xl font-bold">3. Claim Rewards 💎</h3>
-                <div className='mt-4'>
+                <div className="mt-4">
                   <RewardDetails />
                 </div>
               </div>
-              <div className='p-6 border-t-2 border-purple-100 bg-purple-50 rounded-b-2xl'>
-                <p>
-                  Your claimable reward:
-                </p>
-                <code className='text-lg'>
+              <div className="p-6 border-t-2 border-purple-100 bg-purple-50 rounded-b-2xl">
+                <p>Your claimable reward:</p>
+                <code className="text-lg">
                   <ClaimableReward address={address} />
                 </code>
-                <div className='mt-4'>
+                <div className="mt-4">
                   <ClaimRewardsFlow address={address} />
                 </div>
               </div>
@@ -104,5 +118,5 @@ export default function Uniswap() {
         <Footer />
       </div>
     </WagmiConfig>
-  )
+  );
 }