From 39f7b93fc2873cc69e2af3092fdd64ba43b126f0 Mon Sep 17 00:00:00 2001
From: Lulox <lulox.eth@protonmail.com>
Date: Sun, 15 Dec 2024 06:54:24 -0300
Subject: [PATCH] Fixed not showing balance on modal and profile on mobile

---
 packages/nextjs/app/profile/[address]/page.tsx                  | 2 +-
 .../punk-society/PunkConnectButton/AddressQRCodeModal.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nextjs/app/profile/[address]/page.tsx b/packages/nextjs/app/profile/[address]/page.tsx
index 3eadfb8..cc1d944 100644
--- a/packages/nextjs/app/profile/[address]/page.tsx
+++ b/packages/nextjs/app/profile/[address]/page.tsx
@@ -206,7 +206,7 @@ const ProfilePage: NextPage = () => {
                   <Address address={address} />
                   <div className="flex flex-row items-center gap-2">
                     <span>Balance: </span>
-                    <span className="hidden lg:flex items-center justify-center gap-1 text-blue-600 font-bold">
+                    <span className="flex items-center justify-center gap-1 text-blue-600 font-bold">
                       <Image src="/usdc-logo.png" alt="USDC" width={20} height={20} className="inline-block" />
                       {formattedUsdcBalance}
                     </span>
diff --git a/packages/nextjs/components/punk-society/PunkConnectButton/AddressQRCodeModal.tsx b/packages/nextjs/components/punk-society/PunkConnectButton/AddressQRCodeModal.tsx
index 8274ccb..fbbbd79 100644
--- a/packages/nextjs/components/punk-society/PunkConnectButton/AddressQRCodeModal.tsx
+++ b/packages/nextjs/components/punk-society/PunkConnectButton/AddressQRCodeModal.tsx
@@ -56,7 +56,7 @@ export const AddressQRCodeModal = ({ address, modalId }: AddressQRCodeModalProps
               <div className="flex flex-row justify-around gap-3 items-center mt-4">
                 <div className="flex flex-row justify-center items-center px-2 gap-2 rounded-lg bg-yellow-500 text-black text-xl">
                   <span className="font-bold">Balance: </span>
-                  <span className="hidden lg:flex items-center justify-center gap-1 text-blue-600 font-bold">
+                  <span className="flex items-center justify-center gap-1 text-blue-600 font-bold">
                     <Image src="/usdc-logo.png" alt="USDC" width={20} height={20} className="inline-block" />
                     {formattedUsdcBalance}
                   </span>