diff --git a/app/views/split_checkout/_details.html.haml b/app/views/split_checkout/_details.html.haml
index 545b3c52f2..a3927a0b3b 100644
--- a/app/views/split_checkout/_details.html.haml
+++ b/app/views/split_checkout/_details.html.haml
@@ -5,30 +5,32 @@
       %div.checkout-title
         = t("split_checkout.step1.contact_information.title")
 
-      %div.checkout-input
-        = f.label :email, t("split_checkout.step1.contact_information.email.label")
-        = f.text_field :email, { placeholder: t("split_checkout.step1.contact_information.email.placeholder") }
-        = f.error_message_on :email
+      .two-columns-inputs
+        %div.checkout-input
+          = f.label :email, t("split_checkout.step1.contact_information.email.label")
+          = f.text_field :email, { placeholder: t("split_checkout.step1.contact_information.email.placeholder") }
+          = f.error_message_on :email
 
-      %div.checkout-input
-        = bill_address.label :phone, t("split_checkout.step1.contact_information.phone.label")
-        = bill_address.text_field :phone, { placeholder: t("split_checkout.step1.contact_information.phone.placeholder") }
-        = f.error_message_on "bill_address.phone"
+        %div.checkout-input
+          = bill_address.label :phone, t("split_checkout.step1.contact_information.phone.label")
+          = bill_address.text_field :phone, { placeholder: t("split_checkout.step1.contact_information.phone.placeholder") }
+          = f.error_message_on "bill_address.phone"
 
     %div.checkout-substep
       -# BILLING ADDRESS
       %div.checkout-title
         = t("split_checkout.step1.billing_address.title")
 
-      %div.checkout-input
-        = bill_address.label :firstname, t("split_checkout.step1.billing_address.first_name.label")
-        = bill_address.text_field :firstname, { placeholder: t("split_checkout.step1.billing_address.first_name.placeholder") }
-        = f.error_message_on "bill_address.firstname"
+      .two-columns-inputs
+        %div.checkout-input
+          = bill_address.label :firstname, t("split_checkout.step1.billing_address.first_name.label")
+          = bill_address.text_field :firstname, { placeholder: t("split_checkout.step1.billing_address.first_name.placeholder") }
+          = f.error_message_on "bill_address.firstname"
 
-      %div.checkout-input
-        = bill_address.label :lastname, t("split_checkout.step1.billing_address.last_name.label")
-        = bill_address.text_field :lastname, { placeholder: t("split_checkout.step1.billing_address.last_name.placeholder") }
-        = f.error_message_on "bill_address.lastname"
+        %div.checkout-input
+          = bill_address.label :lastname, t("split_checkout.step1.billing_address.last_name.label")
+          = bill_address.text_field :lastname, { placeholder: t("split_checkout.step1.billing_address.last_name.placeholder") }
+          = f.error_message_on "bill_address.lastname"
 
       %div.checkout-input
         = bill_address.label :address1, t("split_checkout.step1.address.address1.label")
diff --git a/app/webpacker/css/darkswarm/split-checkout.scss b/app/webpacker/css/darkswarm/split-checkout.scss
index d0e26ce2ea..5d0e682cae 100644
--- a/app/webpacker/css/darkswarm/split-checkout.scss
+++ b/app/webpacker/css/darkswarm/split-checkout.scss
@@ -309,3 +309,25 @@
   display: block;
   overflow-x: auto;
 }
+
+.two-columns-inputs {
+  display: flex;
+  gap: 1rem;
+  justify-content: space-between;
+
+  > .checkout-input {
+    flex: 1;
+  }
+
+  &:last-child > .checkout-input {
+    margin-bottom: 0;
+  }
+
+  @media screen and (max-width: 700px) {
+    flex-direction: column;
+    gap: 0;
+    &:last-child > .checkout-input {
+      margin-bottom: 1.5rem;
+    }
+  }
+}