diff --git a/src/iss-components/cart-dropdown/cart-dropdown.vue b/src/iss-components/cart-dropdown/cart-dropdown.vue
index a7e3e08b..9ebfa58d 100644
--- a/src/iss-components/cart-dropdown/cart-dropdown.vue
+++ b/src/iss-components/cart-dropdown/cart-dropdown.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :class="[isExpanded ? 'pb-3' : 'pb-4']">
         <div
             id="cart-dropdown-head"
             class="row cart-toggle flex align-items-center pt-4"
@@ -16,7 +16,7 @@
         <div
             id="cart-table"
             class="cart-table px-4">
-            <p>Cart Table Placeholder</p>
+            <span>Cart Table Placeholder</span>
         </div>
     </div>
 </template>
@@ -93,15 +93,10 @@ export default {
 }
 
 .cart-toggle {
-    margin-bottom: 1rem;
     .amount-due {
         color: $green;
     }
 
-    &.expanded {
-        margin-bottom: 0;
-    }
-
     &:after {
         content: "";
         transition: all 0.5s ease;
diff --git a/src/layouts/payment-method/review-dropdown/review-dropdown.vue b/src/layouts/payment-method/review-dropdown/review-dropdown.vue
index 39c53005..0a78527d 100644
--- a/src/layouts/payment-method/review-dropdown/review-dropdown.vue
+++ b/src/layouts/payment-method/review-dropdown/review-dropdown.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :class="[isExpanded ? 'pb-3' : 'pb-4']">
         <div
             class="row review-toggle flex align-items-center pt-4"
             :class="[isExpanded ? 'expanded' : '']"
@@ -134,12 +134,6 @@ export default {
 }
 
 .review-toggle {
-    margin-bottom: 1rem;
-
-    &.expanded {
-        margin-bottom: 0;
-    }
-
     &:after {
         content: "";
         transition: all 0.5s ease;