diff --git a/src/components/order-summary/order-summary.hbs b/src/components/order-summary/order-summary.hbs
index d970dc8..e4babf8 100644
--- a/src/components/order-summary/order-summary.hbs
+++ b/src/components/order-summary/order-summary.hbs
@@ -1,4 +1,4 @@
-<div class="order-summary" data-js="order-summary">
+<div class="order-summary order-summary--sticky-minicart" data-js="order-summary">
     <div class="order-summary__background">
         <h2 class="order-summary__title">Order Summary</h2>
 
diff --git a/src/pages/checkout/checkout.js b/src/pages/checkout/checkout.js
index 2f1b43a..6056e2a 100644
--- a/src/pages/checkout/checkout.js
+++ b/src/pages/checkout/checkout.js
@@ -317,6 +317,7 @@ const populateFields = () => {
   }
 };
 
+
 window.onload = () => {
   //signInForm = document.querySelector('.checkout__sign-in-form');
   mainForm = document.querySelector('.checkout__main-form');
@@ -349,6 +350,10 @@ window.onload = () => {
     populateFields();
   }
 
+  // set the height for the sticky mini cart container
+  let stickyMiniCartContainer = document.querySelector(".order-summary--sticky-minicart");
+  stickyMiniCartContainer.style.height = stickyMiniCartContainer.querySelector(".order-summary__background").clientHeight + "px";
+
   Modal.init('construction-modal');
 };
 
diff --git a/src/pages/checkout/checkout.scss b/src/pages/checkout/checkout.scss
index 9e4da4c..84c8235 100644
--- a/src/pages/checkout/checkout.scss
+++ b/src/pages/checkout/checkout.scss
@@ -27,9 +27,8 @@
 .checkout {
   margin-bottom: 80px;
   padding: 0;
-
+  display: grid;
   @media only screen and (min-width: $filters-collapse) {
-    display: grid;
     grid-template-columns: 60% 35%;
     grid-gap: 5%;
   }
@@ -502,10 +501,19 @@
     margin-top: 50px;
     padding: 0 8px;
 
+    @media screen and (max-width: $mobile) {
+      grid-row-start: 1;
+    }
+
     @media only screen and (min-width: $filters-collapse) {
       grid-column: 2 / 2;
       margin-top: 66px;
       padding: 0;
+      &--sticky-minicart {
+        position: sticky;
+        top: 0;
+        z-index: 10;
+      }
     }
 
     &__image {