diff --git a/src/iss-components/cart-dropdown/cart-dropdown.vue b/src/iss-components/cart-dropdown/cart-dropdown.vue
index 1831ba68..5aba7f8d 100644
--- a/src/iss-components/cart-dropdown/cart-dropdown.vue
+++ b/src/iss-components/cart-dropdown/cart-dropdown.vue
@@ -31,7 +31,7 @@
                     <div
                         v-if="showDeductibleCartItem"
                         id="cart-deductible"
-                        class="d-flex justify-content-between align-items-center">
+                        class="d-flex justify-content-between align-items-center py-2">
                         <span id="deductible-label">{{ deductibleLabel }}</span>
                         <span id="deductible-value">{{ getDisplayed(deductible) }}</span>
                     </div>
@@ -50,7 +50,7 @@
                     class="px-5">
                     <div
                         id="service-package-name"
-                        class="py-1 d-flex justify-content-between align-items-center">
+                        class="py-2 d-flex justify-content-between align-items-center">
                         <textBlock
                             :cmsWidgetName="servicePackageLabelWidget"
                             class="force-no-top-margin" />
@@ -62,7 +62,7 @@
                         <div
                             v-for="(item, i) in servicePackageCartItems"
                             :key="i">
-                            <div class="py-1 d-flex justify-content-between align-items-center">
+                            <div class="py-2 d-flex justify-content-between align-items-center">
                                 <span>{{ item?.name ?? '' }}</span>
                                 <textLink
                                     v-if="!readOnly"
@@ -84,7 +84,7 @@
                     <div
                         v-for="(item, i) in nonServicePackageCartItems"
                         :key="i"
-                        class="px-5 py-1 non-packaged-cart-item">
+                        class="px-5 py-2 non-packaged-cart-item">
                         <div class="d-flex justify-content-between align-items-center">
                             <span
                                 v-if="item.cartItemType === cartItemType.RECYCLE_FEE"
@@ -119,20 +119,20 @@
                         class="subtotal-and-tax">
                         <div
                             id="cart-subtotal"
-                            class="col d-flex justify-content-between">
+                            class="py-2 col d-flex justify-content-between">
                             <span id="subtotal-label">{{ subtotalLabel }}</span>
                             <span id="subtotal-value">{{ getDisplayed(subTotal) }}</span>
                         </div>
                         <div
                             id="cart-sales-tax"
-                            class="pt-1 col d-flex justify-content-between">
+                            class="py-2 col d-flex justify-content-between">
                             <span id="sales-tax-label">{{ salesTaxLabel }}</span>
                             <span id="sales-tax-value">{{ formatAmountInDollars(salesTax) }}</span>
                         </div>
                         <div
                             v-if="showAsPaid"
                             id="cart-amount-paid"
-                            class="pt-1 col d-flex justify-content-between">
+                            class="py-2 col d-flex justify-content-between">
                             <span id="amount-paid-label">{{ amountPaidLabel }}</span>
                             <span if="amount-paid-value">{{ getDisplayed(amountPaid) }}</span>
                         </div>
@@ -556,7 +556,7 @@ export default {
     .bottom-amount-due {
         color: $white;
         background-color: $green;
-        padding: 0.25rem 1.5rem;
+        padding: 0.5rem 1.5rem;
     }
 }