diff --git a/app/assets/stylesheets/darkswarm/split-checkout.scss b/app/assets/stylesheets/darkswarm/split-checkout.scss
index 776cb1ff29..1dfdc6870d 100644
--- a/app/assets/stylesheets/darkswarm/split-checkout.scss
+++ b/app/assets/stylesheets/darkswarm/split-checkout.scss
@@ -26,6 +26,25 @@
       text-decoration: underline;
     }
   }
+
+  &.success {
+    border-bottom: 5px solid $clr-turquoise-bright;
+
+    span {
+      &:after {
+        content: '✓';
+        background-color: $clr-turquoise-bright;
+        color: $white;
+        border-radius: 50%;
+        width: 1em;
+        height: 1em;
+        line-height: 1em;
+        display: inline-block;
+        font-family: $base-font-family;
+        margin-left: 10px;
+      }
+    }
+  }
 }
 
 .checkout-step {
diff --git a/app/views/split_checkout/_tabs.html.haml b/app/views/split_checkout/_tabs.html.haml
index 3b29750a94..a37e898da2 100644
--- a/app/views/split_checkout/_tabs.html.haml
+++ b/app/views/split_checkout/_tabs.html.haml
@@ -1,8 +1,8 @@
 %div.flex
-  %div.columns.three.text-center.checkout-tab{"class": ("selected" if @checkout_step == "details")}
+  %div.columns.three.text-center.checkout-tab{"class": [("selected" if @checkout_step == "details"), ("success" unless @checkout_step == "details")]}
     %span
       = t("split_checkout.your_details")
-  %div.columns.three.text-center.checkout-tab{"class": ("selected" if @checkout_step == "payment")}
+  %div.columns.three.text-center.checkout-tab{"class": [("selected" if @checkout_step == "payment"), ("success" if @checkout_step == "summary")]}
     %span
       = t("split_checkout.payment_method")
   %div.columns.three.text-center.checkout-tab{"class": ("selected" if @checkout_step == "summary")}