diff --git a/public/images/bg-blur.svg b/public/images/bg-blur.svg
index 1c54b8e..5f7c82e 100644
--- a/public/images/bg-blur.svg
+++ b/public/images/bg-blur.svg
@@ -25,31 +25,31 @@
 </g>
 </g>
 <defs>
-<filter id="filter0_f_289_2774" x="-964" y="1865" width="2471.76" height="2695" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<filter id="filter0_f_289_2774" x="-964" y="1865" width="2471.76" height="2695" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feGaussianBlur stdDeviation="500" result="effect1_foregroundBlur_289_2774"/>
 </filter>
-<filter id="filter1_f_289_2774" x="268" y="778" width="2343.37" height="2236" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<filter id="filter1_f_289_2774" x="268" y="778" width="2343.37" height="2236" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feGaussianBlur stdDeviation="386.5" result="effect1_foregroundBlur_289_2774"/>
 </filter>
-<filter id="filter2_f_289_2774" x="-748" y="-751" width="2137.28" height="2266" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<filter id="filter2_f_289_2774" x="-748" y="-751" width="2137.28" height="2266" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feGaussianBlur stdDeviation="350" result="effect1_foregroundBlur_289_2774"/>
 </filter>
-<filter id="filter3_f_289_2774" x="-996" y="1952" width="2137.28" height="2266" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<filter id="filter3_f_289_2774" x="-996" y="1952" width="2137.28" height="2266" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feGaussianBlur stdDeviation="350" result="effect1_foregroundBlur_289_2774"/>
 </filter>
 <pattern id="pattern0_289_2774" patternContentUnits="objectBoundingBox" width="1" height="1">
 <use xlink:href="#image0_289_2774" transform="translate(-0.044) scale(0.008)"/>
 </pattern>
-<filter id="filter4_f_289_2774" x="57" y="3967" width="64" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<filter id="filter4_f_289_2774" x="57" y="3967" width="64" height="64" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_289_2774"/>
 </filter>
@@ -59,16 +59,16 @@
 <pattern id="pattern2_289_2774" patternContentUnits="objectBoundingBox" width="1" height="1">
 <use xlink:href="#image0_289_2774" transform="translate(-0.044) scale(0.008)"/>
 </pattern>
-<filter id="filter5_f_289_2774" x="1203" y="3602" width="64" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<filter id="filter5_f_289_2774" x="1203" y="3602" width="64" height="64" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_289_2774"/>
 </filter>
 <pattern id="pattern3_289_2774" patternContentUnits="objectBoundingBox" width="1" height="1">
 <use xlink:href="#image0_289_2774" transform="translate(-0.044) scale(0.008)"/>
 </pattern>
-<filter id="filter6_f_289_2774" x="-211.487" y="3716.41" width="2040.97" height="1989.18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<filter id="filter6_f_289_2774" x="-211.487" y="3716.41" width="2040.97" height="1989.18" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feGaussianBlur stdDeviation="307.243" result="effect1_foregroundBlur_289_2774"/>
 </filter>
diff --git a/src/app/(dashboard)/home/page.tsx b/src/app/(dashboard)/home/page.tsx
index faf96a4..666215e 100644
--- a/src/app/(dashboard)/home/page.tsx
+++ b/src/app/(dashboard)/home/page.tsx
@@ -7,6 +7,8 @@ import { cn } from '@/lib/utils';
 import { Button } from '@/components/ui/button';
 import { PlayerStats } from '@/components/cards/player-stats-card';
 import { LeadBoardCard } from '@/components/cards/leadboard-card';
+import Link from 'next/link';
+
 export default function App() {
   return (
     <Shell>
@@ -24,9 +26,11 @@ export default function App() {
             </Button>
           </div>
           <div className="flex h-full w-[172px] items-end justify-center rounded-lg border border-primary-200 bg-primary-200/[0.24] pb-2.5">
-            <Button variant={'secondary'} size={'md'}>
-              Live Mode
-            </Button>
+            <Link href={`/gameplay`}>
+              <Button variant={'secondary'} size={'md'}>
+                Live Mode
+              </Button>
+            </Link>
           </div>
         </div>
       </section>
@@ -87,5 +91,3 @@ const NFTCard = () => {
     </div>
   );
 };
-
-
diff --git a/src/app/(dashboard)/profile/page.tsx b/src/app/(dashboard)/profile/page.tsx
index fd18297..304697f 100644
--- a/src/app/(dashboard)/profile/page.tsx
+++ b/src/app/(dashboard)/profile/page.tsx
@@ -77,9 +77,9 @@ const CircleCard = ({ color }: CircleCardProps) => {
             width="97.8"
             height="97.8"
             filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB"
+            colorInterpolationFilters="sRGB"
           >
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feFlood floodOpacity="0" result="BackgroundImageFix" />
             <feColorMatrix
               in="SourceAlpha"
               type="matrix"
diff --git a/src/app/gameplay/page.tsx b/src/app/gameplay/page.tsx
index 630097e..39319b7 100644
--- a/src/app/gameplay/page.tsx
+++ b/src/app/gameplay/page.tsx
@@ -18,14 +18,29 @@ export default function GamePlay() {
           >
             <div className="game-play-bg relative w-1/2 border-[1px] border-[#57A0C5]">
               <div className="absolute bottom-[-44px]  left-[5rem] flex h-[20%] w-2/3 gap-3">
-                <div className="flex  h-[100%] w-1/3 items-center justify-center rounded-md shadow-md overflow-hidden">
-                  <Image src="/images/bedroom.png" width={100} height={100} />
+                <div className="flex  h-[100%] w-1/3 items-center justify-center overflow-hidden rounded-md shadow-md">
+                  <Image
+                    src="/images/bedroom.png"
+                    width={100}
+                    height={100}
+                    alt="property image"
+                  />
                 </div>
-                <div className="flex  h-[100%] w-1/3 items-center justify-center rounded-md shadow-md overflow-hidden">
-                  <Image src="/images/bedroom.png" width={100} height={100} />
+                <div className="flex  h-[100%] w-1/3 items-center justify-center overflow-hidden rounded-md shadow-md">
+                  <Image
+                    src="/images/bedroom.png"
+                    width={100}
+                    height={100}
+                    alt="property image"
+                  />
                 </div>
-                <div className="flex  h-[100%] w-1/3 items-center justify-center rounded-md shadow-md overflow-hidden">
-                  <Image src="/images/bedroom.png" width={100} height={100} />
+                <div className="flex  h-[100%] w-1/3 items-center justify-center overflow-hidden rounded-md shadow-md">
+                  <Image
+                    src="/images/bedroom.png"
+                    width={100}
+                    height={100}
+                    alt="property image"
+                  />
                 </div>
               </div>
             </div>
@@ -79,9 +94,9 @@ export default function GamePlay() {
                       width="164.639"
                       height="173.166"
                       filterUnits="userSpaceOnUse"
-                      color-interpolation-filters="sRGB"
+                      colorInterpolationFilters="sRGB"
                     >
-                      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                      <feFlood floodOpacity="0" result="BackgroundImageFix" />
                       <feBlend
                         mode="normal"
                         in="SourceGraphic"
diff --git a/src/components/layouts/connect-wallet.tsx b/src/components/layouts/connect-wallet.tsx
index 20958c8..c84cb45 100644
--- a/src/components/layouts/connect-wallet.tsx
+++ b/src/components/layouts/connect-wallet.tsx
@@ -69,12 +69,12 @@ export default function ConnectWallet() {
             icon="talismanWallet"
             name="Talisman"
             isRecommended
-            onClick={() => handleConnect('Talisman')}
+            onClick={() => handleConnect('talisman')}
           />
           <WalletButton
             icon="subWallet"
             name="Subwallet"
-            onClick={() => handleConnect('Subwallet')}
+            onClick={() => handleConnect('subwallet-js')}
           />
         </div>
       </AlertDialogContent>