From 8609733cba83df9706247658d924d1f125c58abc Mon Sep 17 00:00:00 2001
From: Jesus Vasquez <jesus.wmr@gmail.com>
Date: Tue, 5 Mar 2024 21:38:22 -0500
Subject: [PATCH] button text on mobile

---
 components/Form/Button.tsx | 2 +-
 components/Form/index.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Form/Button.tsx b/components/Form/Button.tsx
index 1aa9bdd..449b75f 100644
--- a/components/Form/Button.tsx
+++ b/components/Form/Button.tsx
@@ -18,7 +18,7 @@ import { twMerge } from 'tailwind-merge';
 */
 
 const button = cva(
-  "flex items-center justify-center rounded-md py-3 px-9 text-center text-sm font-bold transition-all md:min-w-[240px]",
+  "flex items-center justify-center rounded-md py-3 px-4 md:px-9 text-center text-xs md:text-sm font-bold transition-all md:min-w-[240px]",
   {
     variants: {
       variant: {
diff --git a/components/Form/index.tsx b/components/Form/index.tsx
index 3a6a0e2..471b9b6 100644
--- a/components/Form/index.tsx
+++ b/components/Form/index.tsx
@@ -126,7 +126,7 @@ const FormComponent: React.FC = () => {
                 {/* Form Footer - contains actions for form submission and cancellation */}
                 <div className="flex flex-col gap-6">
                   <p className="text-lg leading-tight text-center">Data in the import file is correct. Please press Continue to import.</p>
-                  <div className="flex gap-6 justify-center">
+                  <div className="flex gap-3 mdgap-6 justify-center">
                   <Button 
                   variant="primary"
                   type="submit"