diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/components/supply-cards.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/components/supply-cards.tsx
index 74fcf749cbe..8c69caa4171 100644
--- a/apps/dashboard/src/contract-ui/tabs/nfts/components/supply-cards.tsx
+++ b/apps/dashboard/src/contract-ui/tabs/nfts/components/supply-cards.tsx
@@ -23,7 +23,7 @@ export const SupplyCards: React.FC<SupplyCardsProps> = ({ contract }) => {
   ).toString();
 
   return (
-    <div className="flex flex-row gap-3 md:gap-6">
+    <div className="flex flex-col gap-3 md:flex-row md:gap-6">
       <Card as={Stat}>
         <StatLabel mb={{ base: 1, md: 0 }}>Total Supply</StatLabel>
         <Skeleton isLoaded={totalSupplyQuery.isSuccess}>
diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/page.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/page.tsx
index fadfe7cb8eb..7eef52679f1 100644
--- a/apps/dashboard/src/contract-ui/tabs/nfts/page.tsx
+++ b/apps/dashboard/src/contract-ui/tabs/nfts/page.tsx
@@ -53,9 +53,9 @@ export const ContractNFTPage: React.FC<NftOverviewPageProps> = ({
 
   return (
     <div className="flex flex-col gap-6">
-      <div className="flex flex-row items-center justify-between">
-        <h2 className="font-bold text-xl">Contract NFTs</h2>
-        <div className="flex flex-col gap-2 md:flex-row">
+      <div className="flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between">
+        <h2 className="font-semibold text-2xl tracking-tight">Contract NFTs</h2>
+        <div className="grid grid-cols-2 gap-2 md:flex">
           {isRevealable && <NFTRevealButton contract={contract} />}
           {isERC721ClaimToSupported && (
             /**