making the mt-form have some agreement before the form appears

assets/css/compiled/main.css

@@ -1441,6 +1441,10 @@ select {
   order: -9999;
 }
 
+.m-2 {
+  margin: 0.5rem;
+}
+
 .m-auto {
   margin: auto;
 }
@@ -1453,6 +1457,14 @@ select {
   margin: 0.25rem;
 }
 
+.m-4 {
+  margin: 1rem;
+}
+
+.m-6 {
+  margin: 1.5rem;
+}
+
 .my-0 {
   margin-top: 0px;
   margin-bottom: 0px;
@@ -1635,14 +1647,14 @@ select {
   height: 100vh;
 }
 
-.h-24 {
-  height: 6rem;
-}
-
 .h-12 {
   height: 3rem;
 }
 
+.h-24 {
+  height: 6rem;
+}
+
 .h-1\/2 {
   height: 50%;
 }
@@ -2011,6 +2023,11 @@ select {
   --tw-gradient-to: rgba(var(--color-secondary-700), 1);
 }
 
+.box-decoration-slice {
+  -webkit-box-decoration-break: slice;
+          box-decoration-break: slice;
+}
+
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;