fix H4 sizing on /staking page: [Fixes #11409]

Author: shyam-patel-kira

src/pages/staking/index.tsx

@@ -374,7 +374,7 @@ const StakingPage = ({
                     borderBottom: "1px solid #3335",
                   }}
                 >
-                  <OldHeading as="h4">
+                  <OldHeading as="h4" size="md">
                     <Translation id="page-staking-section-comparison-rewards-title" />
                   </OldHeading>
                   <ul>
@@ -395,7 +395,7 @@ const StakingPage = ({
                     borderBottom: "1px solid #3335",
                   }}
                 >
-                  <OldHeading as="h4">
+                  <OldHeading as="h4" size="md">
                     <Translation id="page-staking-section-comparison-risks-title" />
                   </OldHeading>
                   <ul>
@@ -411,7 +411,7 @@ const StakingPage = ({
                   </ul>
                 </div>
                 <div style={{ gridArea: "solo-reqs" }}>
-                  <OldHeading as="h4">
+                  <OldHeading as="h4" size="md">
                     <Translation id="page-staking-section-comparison-requirements-title" />
                   </OldHeading>
                   <ul>
@@ -439,7 +439,7 @@ const StakingPage = ({
                     borderBottom: "1px solid #3335",
                   }}
                 >
-                  <OldHeading as="h4">
+                  <OldHeading as="h4" size="md">
                     <Translation id="page-staking-section-comparison-rewards-title" />
                   </OldHeading>
                   <ul>
@@ -457,7 +457,7 @@ const StakingPage = ({
                     borderBottom: "1px solid #3335",
                   }}
                 >
-                  <OldHeading as="h4">
+                  <OldHeading as="h4" size="md">
                     <Translation id="page-staking-section-comparison-risks-title" />
                   </OldHeading>
                   <ul>
@@ -470,7 +470,7 @@ const StakingPage = ({
                   </ul>
                 </div>
                 <div style={{ gridArea: "saas-reqs" }}>
-                  <OldHeading as="h4">
+                  <OldHeading as="h4" size="md">
                     <Translation id="page-staking-section-comparison-requirements-title" />
                   </OldHeading>
                   <ul>
@@ -499,7 +499,7 @@ const StakingPage = ({
                     borderBottom: "1px solid #3335",
                   }}
                 >
-                  <OldHeading as="h4">
+                  <OldHeading as="h4" size="md">
                     <Translation id="page-staking-section-comparison-rewards-title" />
                   </OldHeading>
                   <ul>
@@ -520,7 +520,7 @@ const StakingPage = ({
                     borderBottom: "1px solid #3335",
                   }}
                 >
-                  <OldHeading as="h4">
+                  <OldHeading as="h4" size="md">
                     <Translation id="page-staking-section-comparison-risks-title" />
                   </OldHeading>
                   <ul>
@@ -533,7 +533,7 @@ const StakingPage = ({
                   </ul>
                 </div>
                 <div style={{ gridArea: "pool-reqs" }}>
-                  <OldHeading as="h4">
+                  <OldHeading as="h4" size="md">
                     <Translation id="page-staking-section-comparison-requirements-title" />
                   </OldHeading>
                   <ul>