From 0427031141b027326366d689d25a8650a919b385 Mon Sep 17 00:00:00 2001
From: Tyler Shipe <tjshipe@gmail.com>
Date: Tue, 23 Mar 2021 17:06:34 -0400
Subject: [PATCH] fix button display on phones

---
 pages/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index e2e31a9..49e72c3 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -73,7 +73,7 @@ const IndexPage = () => (
                 </p>
                 <div className="mt-6 sm:mt-12">
                   <button
-                    className="rounded-lg py-2 px-8 sm:px-10 text-md sm:text-lg md:text-2xl opacity-90 hover:opacity-100 font-semibold"
+                    className="rounded-lg py-2 px-6 sm:px-10 text-md sm:text-lg md:text-2xl opacity-90 hover:opacity-100 font-semibold"
                     style={
                       {
                         background: "linear-gradient(270deg, #afda06 34.47%, #fdca19 100%)",
@@ -85,7 +85,7 @@ const IndexPage = () => (
                       Start Trading
                     </a>
                   </button>
-                  <button className="ml-4 sm:ml-6 rounded-lg py-1 px-8 sm:px-10 text-md sm:text-lg md:text-2xl opacity-80 hover:opacity-100 bg-transparent border-2 border-primary-green">
+                  <button className="ml-4 sm:ml-6 rounded-lg py-1 px-6 sm:px-10 text-md sm:text-lg md:text-2xl opacity-80 hover:opacity-100 bg-transparent border-2 border-primary-green">
                     <a href={LearnUrl} className="text-primary-green hover:text-primary-green">
                       Learn More
                     </a>