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"