diff --git a/resources/js/components/SMFormCard.vue b/resources/js/components/SMFormCard.vue
index cdf0399..d7c0341 100644
--- a/resources/js/components/SMFormCard.vue
+++ b/resources/js/components/SMFormCard.vue
@@ -55,6 +55,7 @@ const slots = useSlots();
     .footer {
         margin-top: 32px;
         display: flex;
+        gap: 16px;
         align-items: center;
         justify-content: center;
     }
@@ -68,4 +69,10 @@ const slots = useSlots();
         margin-top: 0;
     }
 }
+
+@media only screen and (max-width: 768px) {
+    .form-card .footer {
+        flex-direction: column;
+    }
+}
 </style>