diff --git a/apps/provider-console/src/components/layout/WalletStatus.tsx b/apps/provider-console/src/components/layout/WalletStatus.tsx
index 54c3c2ee49..0fdb16986f 100644
--- a/apps/provider-console/src/components/layout/WalletStatus.tsx
+++ b/apps/provider-console/src/components/layout/WalletStatus.tsx
@@ -1,105 +1,90 @@
 "use client";
+import React, { useState } from "react";
 import { FormattedNumber } from "react-intl";
-import {
-  Address,
-  Badge,
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Spinner,
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger
-} from "@akashnetwork/ui/components";
-import { LogOut, MoreHoriz, Wallet } from "iconoir-react";
-import Link from "next/link";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, Spinner } from "@akashnetwork/ui/components";
+import { cn } from "@akashnetwork/ui/utils";
+import ClickAwayListener from "@mui/material/ClickAwayListener";
+import { NavArrowDown, Wallet } from "iconoir-react";
 
 import { useWallet } from "@src/context/WalletProvider";
 import { useTotalWalletBalance } from "@src/hooks/useWalletBalance";
-import { udenomToDenom } from "@src/utils/mathHelpers";
-import { FormattedDecimal } from "../shared/FormattedDecimal";
 import { ConnectWalletButton } from "../wallet/ConnectWalletButton";
+import { WalletPopup } from "../wallet/WalletPopup";
 
 export function WalletStatus() {
-  const { walletName, address, walletBalances, logout, isWalletLoaded, isWalletConnected } = useWallet();
+  const { walletName, walletBalances, isWalletLoaded, isWalletConnected } = useWallet();
   const walletBalance = useTotalWalletBalance();
+  const [open, setOpen] = useState(false);
 
-  const onDisconnectClick = () => logout();
-
-  const WalletInfo = () => (
-    <div className="flex items-center pr-2">
-      <div className="pl-2 pr-2">
-        <DropdownMenu modal={false}>
-          <DropdownMenuTrigger asChild>
-            <Button variant="ghost" size="icon">
-              <MoreHoriz />
-              <span className="sr-only">Toggle theme</span>
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="end">
-            <DropdownMenuItem onClick={onDisconnectClick}>
-              <LogOut />
-              &nbsp;Disconnect Wallet
-            </DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </div>
-
-      <div className="flex items-center text-left">
-        <div className="flex items-center text-sm font-bold">
-          <Wallet className="text-xs" />
-          <Link className="ml-2 cursor-pointer leading-4" href={`https://stats.akash.network/addresses/${address}`} target="_blank">
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <span>{walletName}</span>
-              </TooltipTrigger>
-              <TooltipContent>
-                <Address address={address} isCopyable disableTooltip />
-              </TooltipContent>
-            </Tooltip>
-          </Link>
-        </div>
-
-        {walletBalances && (
-          <div className="text-muted-foreground ml-2 flex items-center whitespace-nowrap font-bold">
-            <Tooltip>
-              <TooltipTrigger>
-                <Badge className="h-5 text-xs font-bold" variant="secondary">
-                  <FormattedNumber value={walletBalance} style="currency" currency="USD" />
-                </Badge>
-              </TooltipTrigger>
-              <TooltipContent>
-                <div className="text-base">
-                  <div>
-                    <FormattedDecimal value={udenomToDenom(walletBalances.uakt, 2)} />
-                    <span className="ml-1 text-xs">AKT</span>
-                  </div>
-                  <div>
-                    <FormattedDecimal value={udenomToDenom(walletBalances.usdc, 2)} />
-                    <span className="ml-1 text-xs">USDC</span>
-                  </div>
-                </div>
-              </TooltipContent>
-            </Tooltip>
-          </div>
-        )}
-      </div>
-    </div>
-  );
+  const getSplitText = (text: string, start: number, end: number) => {
+    if (text.length <= start + end) return text;
+    return `${text.slice(0, start)}...${text.slice(-end)}`;
+  };
 
   return (
     <>
       {isWalletLoaded ? (
         isWalletConnected ? (
-          <WalletInfo />
+          <div className="flex w-full items-center">
+            <div className="w-full py-2">
+              <DropdownMenu modal={false} open={open}>
+                <DropdownMenuTrigger asChild>
+                  <div
+                    className={cn("bg-background text-foreground flex items-center justify-center rounded-md border px-4 py-2 text-sm")}
+                    onMouseOver={() => setOpen(true)}
+                  >
+                    <div className="flex items-center space-x-2" aria-label="Connected wallet name and balance">
+                      <Wallet className="text-xs" />
+                      {walletName?.length > 20 ? (
+                        <span className="text-xs">{getSplitText(walletName, 4, 4)}</span>
+                      ) : (
+                        <span className="text-xs">{walletName}</span>
+                      )}
+                    </div>
+
+                    {walletBalance > 0 && <div className="px-2">|</div>}
+
+                    <div className="text-xs">
+                      {walletBalance > 0 && (
+                        <FormattedNumber
+                          value={walletBalance}
+                          // eslint-disable-next-line react/style-prop-object
+                          style="currency"
+                          currency="USD"
+                        />
+                      )}
+                    </div>
+
+                    <div>
+                      <NavArrowDown className="ml-2 text-xs" />
+                    </div>
+                  </div>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent
+                  align="end"
+                  onMouseLeave={() => {
+                    setOpen(false);
+                  }}
+                >
+                  <ClickAwayListener
+                    onClickAway={() => {
+                      setOpen(false);
+                    }}
+                  >
+                    <div>
+                      <WalletPopup walletBalances={walletBalances} />
+                    </div>
+                  </ClickAwayListener>
+                </DropdownMenuContent>
+              </DropdownMenu>
+            </div>
+          </div>
         ) : (
           <ConnectWalletButton className="w-full md:w-auto" />
         )
       ) : (
-        <div className="pl-2 pr-2">
-          <Spinner size="small" />
+        <div className="flex items-center justify-center p-4">
+          <Spinner size="medium" />
         </div>
       )}
     </>
diff --git a/apps/provider-console/src/components/wallet/WalletPopup.tsx b/apps/provider-console/src/components/wallet/WalletPopup.tsx
new file mode 100644
index 0000000000..cdc8afbeb8
--- /dev/null
+++ b/apps/provider-console/src/components/wallet/WalletPopup.tsx
@@ -0,0 +1,67 @@
+import React from "react";
+import { FormattedNumber } from "react-intl";
+import { Address, Button, Separator } from "@akashnetwork/ui/components";
+import { LogOut } from "iconoir-react";
+
+import { usePricing } from "@src/context/PricingProvider";
+import { useWallet } from "@src/context/WalletProvider";
+import { uAktDenom } from "@src/utils/constants";
+import { udenomToDenom } from "@src/utils/mathHelpers";
+import { uaktToAKT } from "@src/utils/priceUtils";
+
+interface WalletPopupProps extends React.PropsWithChildren {
+  walletBalances: { uakt: number; usdc: number } | null;
+}
+
+export const WalletPopup: React.FC<WalletPopupProps> = ({ walletBalances }) => {
+  const { address, logout } = useWallet();
+  const { isLoaded, getPriceForDenom } = usePricing();
+
+  const aktAmount = walletBalances ? uaktToAKT(walletBalances.uakt, 2) : 0;
+  const aktPrice = getPriceForDenom(uAktDenom);
+  const aktUsdValue = isLoaded && walletBalances && aktPrice > 0 ? aktAmount * aktPrice : 0;
+  const usdcAmount = walletBalances ? udenomToDenom(walletBalances.usdc, 2) : 0;
+
+  return (
+    <div className="w-[300px] p-2">
+      <div className="mb-4">
+        <Address address={address} isCopyable disableTooltip className="text-foreground flex items-center justify-between text-sm font-bold" showIcon />
+      </div>
+
+      <div className="text-muted-foreground mb-1 text-xs">Wallet Balance</div>
+      <div className="border-success/10 bg-success/10 text-success dark:border-success/80 dark:bg-success/80 dark:text-foreground mb-4 rounded-md border p-2">
+        {walletBalances ? (
+          <>
+            <div className="flex items-center justify-between space-x-2">
+              <span className="text-xs">AKT</span>
+              <span className="flex items-center space-x-1">
+                {isLoaded && aktPrice ? <FormattedNumber value={aktUsdValue} style="currency" currency="USD" /> : <span className="text-xs">$0.00</span>}
+                <span className="font-light2 space-x-2 text-xs">({aktAmount} AKT)</span>
+              </span>
+            </div>
+
+            <Separator className="bg-success/10 my-2 dark:bg-white/20" />
+
+            <div className="flex items-center justify-between space-x-2">
+              <span className="text-xs">USDC</span>
+              <span>
+                <FormattedNumber value={usdcAmount} style="currency" currency="USD" />
+              </span>
+            </div>
+          </>
+        ) : (
+          <div className="space-x-2 text-xs text-white">Wallet Balance is unknown because the blockchain is unavailable</div>
+        )}
+      </div>
+
+      <div className="text-muted-foreground text-xs">Wallet Actions</div>
+
+      <div className="flex flex-col items-center justify-end space-y-2 pt-2">
+        <Button onClick={logout} variant="outline" className="w-full space-x-2">
+          <LogOut />
+          <span>Disconnect Wallet</span>
+        </Button>
+      </div>
+    </div>
+  );
+};
diff --git a/apps/provider-console/src/queries/useMarketData.ts b/apps/provider-console/src/queries/useMarketData.ts
index 4d27ea06ca..6069283cda 100644
--- a/apps/provider-console/src/queries/useMarketData.ts
+++ b/apps/provider-console/src/queries/useMarketData.ts
@@ -4,8 +4,32 @@ import { useQuery } from "@tanstack/react-query";
 import type { MarketData } from "@src/types";
 import { QueryKeys } from "./queryKeys";
 
-async function getMarketData(): Promise<any> {
-  return {};
+async function getMarketData(): Promise<MarketData> {
+  try {
+    const response = await fetch("https://api.coingecko.com/api/v3/coins/akash-network/tickers");
+    const data = await response.json();
+    const coinbasePrice = data.tickers.find((ticker: any) => ticker.market.name === "Coinbase Exchange");
+    const price = coinbasePrice ? parseFloat(coinbasePrice.converted_last.usd) : 0;
+
+    return {
+      price,
+      volume: 0,
+      marketCap: 0,
+      marketCapRank: 0,
+      priceChange24h: 0,
+      priceChangePercentage24: 0
+    };
+  } catch (error) {
+    console.error("Failed to fetch market data:", error);
+    return {
+      price: 0,
+      volume: 0,
+      marketCap: 0,
+      marketCapRank: 0,
+      priceChange24h: 0,
+      priceChangePercentage24: 0
+    };
+  }
 }
 
 export function useMarketData(options?: Omit<UseQueryOptions<MarketData, Error, any, QueryKey>, "queryKey" | "queryFn">) {