diff --git a/src/components/Tailwind/Cards/StakeCard.tsx b/src/components/Tailwind/Cards/StakeCard.tsx
index fb770c52..533e6aae 100644
--- a/src/components/Tailwind/Cards/StakeCard.tsx
+++ b/src/components/Tailwind/Cards/StakeCard.tsx
@@ -9,7 +9,7 @@ const StakeCard = ({ title, value }: StakeCardProps) => {
   return (
     <div>
       <div className="w-auto md:w-44 h-20 md:h-28 grid grid-cols-1 content-between border-2 border-link-alternate rounded-card bg-stakeCard">
-        <div className="md:bg-link-alternate font-extrabold tracking-widest uppercase text-xl md:text-9px text-link-alternate md:text-white md:text-center pl-3 md:pl-0 py-2 rounded-t-md">
+        <div className="md:bg-link-alternate font-extrabold tracking-widest uppercase text-xl md:text-9px text-link-alternate md:text-white md:text-center pl-3 md:pl-0 py-1 rounded-t-md">
           {title}
         </div>
         <div className="text-base text-24px px-3 pb-2">{value}</div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 86161b62..4312c925 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,11 +3,11 @@ module.exports = {
   darkMode: false, // or 'media' or 'class'
   important: true,
   theme: {
-    fontSize: {
-      '9px': '9px',
-      '24px': '24px'
-    },
     extend: {
+      fontSize: {
+        '9px': '9px',
+        '24px': '24px'
+      },
       fontFamily: {
         fredoka: ['Fredoka One', 'ui-serif']
       },