diff --git a/packages/peregrine/lib/talons/Header/cartTriggerFragments.gql.js b/packages/peregrine/lib/talons/Header/cartTriggerFragments.gql.js
index e4200ae11c8..ba87b677138 100644
--- a/packages/peregrine/lib/talons/Header/cartTriggerFragments.gql.js
+++ b/packages/peregrine/lib/talons/Header/cartTriggerFragments.gql.js
@@ -4,5 +4,6 @@ export const CartTriggerFragment = gql`
     fragment CartTriggerFragment on Cart {
         id
         total_quantity
+        total_summary_quantity_including_config
     }
 `;
diff --git a/packages/peregrine/lib/talons/Header/useCartTrigger.js b/packages/peregrine/lib/talons/Header/useCartTrigger.js
index 78063bf1b4f..f85b43c51fc 100644
--- a/packages/peregrine/lib/talons/Header/useCartTrigger.js
+++ b/packages/peregrine/lib/talons/Header/useCartTrigger.js
@@ -52,7 +52,7 @@ export const useCartTrigger = props => {
         errorPolicy: 'all'
     });
 
-    const itemCount = data?.cart?.total_quantity || 0;
+    const itemCount = data?.cart?.total_summary_quantity_including_config || 0;
 
     const handleTriggerClick = useCallback(() => {
         // Open the mini cart.
diff --git a/packages/venia-ui/lib/components/Header/__tests__/__snapshots__/cartTrigger.spec.js.snap b/packages/venia-ui/lib/components/Header/__tests__/__snapshots__/cartTrigger.spec.js.snap
index 93d4a5daaa2..de7d4984e66 100644
--- a/packages/venia-ui/lib/components/Header/__tests__/__snapshots__/cartTrigger.spec.js.snap
+++ b/packages/venia-ui/lib/components/Header/__tests__/__snapshots__/cartTrigger.spec.js.snap
@@ -5,7 +5,7 @@ Array [
   <div>
     <button
       aria-expanded={false}
-      aria-label="Toggle mini cart. You have 100 items in your cart."
+      aria-label="Toggle mini cart. You have 0 items in your cart."
       onClick={[Function]}
     >
       <span>
@@ -34,14 +34,11 @@ Array [
           />
         </svg>
       </span>
-      <span>
-        99+
-      </span>
     </button>
   </div>,
   <button
     aria-expanded={false}
-    aria-label="Toggle mini cart. You have 100 items in your cart."
+    aria-label="Toggle mini cart. You have 0 items in your cart."
     onClick={[Function]}
   >
     <span>
@@ -70,9 +67,6 @@ Array [
         />
       </svg>
     </span>
-    <span>
-      99+
-    </span>
   </button>,
   <require('../MiniCart')
     isOpen={false}
@@ -86,7 +80,7 @@ Array [
   <div>
     <button
       aria-expanded={false}
-      aria-label="Toggle mini cart. You have 10 items in your cart."
+      aria-label="Toggle mini cart. You have 0 items in your cart."
       onClick={[Function]}
     >
       <span>
@@ -115,14 +109,11 @@ Array [
           />
         </svg>
       </span>
-      <span>
-        10
-      </span>
     </button>
   </div>,
   <button
     aria-expanded={false}
-    aria-label="Toggle mini cart. You have 10 items in your cart."
+    aria-label="Toggle mini cart. You have 0 items in your cart."
     onClick={[Function]}
   >
     <span>
@@ -151,9 +142,6 @@ Array [
         />
       </svg>
     </span>
-    <span>
-      10
-    </span>
   </button>,
   <require('../MiniCart')
     isOpen={false}