fix card labels

explorer-nextjs/src/components/landingPageComponents/CurrentEpochCard.tsx

@@ -69,7 +69,9 @@ export const CurrentEpochCard = () => {
   if (isError) {
     return (
       <ExplorerCard label="Current mixnet epoch">
-        Failed to load data
+        <Typography variant="body3" fontWeight="light">
+          Failed to load data
+        </Typography>
       </ExplorerCard>
     );
   }
@@ -77,7 +79,9 @@ export const CurrentEpochCard = () => {
   if (!data) {
     return (
       <ExplorerCard label="Current mixnet epoch">
-        No data available
+        <Typography variant="body3" fontWeight="light">
+          No data available
+        </Typography>
       </ExplorerCard>
     );
   }
@@ -85,7 +89,7 @@ export const CurrentEpochCard = () => {
   if (epochStatus === "pending") {
     return (
       <ExplorerCard label="Current mixnet epoch">
-        <Typography variant="body3" fontWeight="light">
+        <Typography variant="body3" fontWeight="light" height={80}>
           Waiting for next epoch to start...
         </Typography>
       </ExplorerCard>

explorer-nextjs/src/components/landingPageComponents/StakersNumberCard.tsx

@@ -17,7 +17,7 @@ export const RewardsCard = () => {
 
   if (isLoading) {
     return (
-      <ExplorerCard label="Active stakers number">
+      <ExplorerCard label="NYM Stakers">
         <Skeleton variant="text" height={90} />
       </ExplorerCard>
     );
@@ -25,7 +25,7 @@ export const RewardsCard = () => {
 
   if (isError || !observatoryNodes) {
     return (
-      <ExplorerCard label="Active stakers number">
+      <ExplorerCard label="NYM Stakers">
         <Typography variant="h3" sx={{ color: "pine.950" }}>
           Failed to load node data.
         </Typography>