diff --git a/src/iss-components/cart-dropdown/cart-dropdown.vue b/src/iss-components/cart-dropdown/cart-dropdown.vue
index 08aa8ff0..661c2b81 100644
--- a/src/iss-components/cart-dropdown/cart-dropdown.vue
+++ b/src/iss-components/cart-dropdown/cart-dropdown.vue
@@ -78,8 +78,7 @@
                     <div
                         v-for="(item, i) in nonServicePackageCartItems"
                         :key="i"
-                        class="px-5 py-1 non-packaged-cart-item"
-                        :class="i % 2 == 0 ? 'even' : ''">
+                        class="px-5 py-1 non-packaged-cart-item">
                         <div class="d-flex justify-content-between align-items-center">
                             <span
                                 v-if="item.isRecycle"
@@ -489,10 +488,8 @@ export default {
         text-underline-offset: auto !important;
     }
 
-    .non-packaged-cart-item {
-        &.even {
-            background-color: $gray-100;
-        }
+    .non-packaged-cart-item:nth-child(odd){
+        background-color: $gray-100;
     }
 
     .cart-item {