diff --git a/src/app/markets/components/TokenCard.tsx b/src/app/markets/components/TokenCard.tsx
index 6a83fd3..8b530cc 100644
--- a/src/app/markets/components/TokenCard.tsx
+++ b/src/app/markets/components/TokenCard.tsx
@@ -153,7 +153,7 @@ export default function TokenCard({ token }: { token: Token }) {
         </MinimalTooltip>
 
         <Button
-          className="mt-auto ml-auto p-1! h-max w-max rounded-full bg-primary/20 text-primary hover:text-black gap-1 text-xs"
+          className="mt-auto ml-auto p-1.5! h-max w-max rounded-full bg-primary/20 text-primary hover:text-black gap-1 text-xs"
           onClick={(e) => {
             e.preventDefault();
             e.stopPropagation();
diff --git a/src/app/markets/page.tsx b/src/app/markets/page.tsx
index 8aa6cca..a96ae92 100644
--- a/src/app/markets/page.tsx
+++ b/src/app/markets/page.tsx
@@ -9,7 +9,7 @@ export default function Markets() {
     <main className="h-svh flex flex-col">
       <Navbar />
       <section className="w-full h-full pt-10 pb-5 px-5">
-        <div className="w-full h-full grid grid-cols-3 gap-5">
+        <div className="w-full h-full grid grid-cols-1 md:grid-cols-3 gap-5">
           <PairsCard title="New Pairs" />
           <PairsCard title="Final Stretch" />
           <PairsCard title="Migrated" />