diff --git a/app/cart/components/CartContent.tsx b/app/cart/components/CartContent.tsx
index 83f1360..d56e4dc 100644
--- a/app/cart/components/CartContent.tsx
+++ b/app/cart/components/CartContent.tsx
@@ -480,8 +480,11 @@ export function CartContent({
                 once the sidebar narrows at lg:. sm:w-auto with no
                 flex-grow (was sm:flex-1) so each badge only takes its own
                 content width instead of stretching to fill the full card
-                width. */}
-            <div className="flex flex-col sm:flex-row sm:flex-wrap lg:flex-col gap-4 sm:gap-x-8 sm:gap-y-4 lg:gap-4 items-start w-full">
+                width; sm:justify-center centers that shrink-to-fit row so
+                the leftover space splits evenly left/right instead of
+                collecting on the right (the default with items packed
+                from the start edge). */}
+            <div className="flex flex-col sm:flex-row sm:flex-wrap lg:flex-col gap-4 sm:gap-x-8 sm:gap-y-4 lg:gap-4 items-start sm:justify-center lg:justify-start w-full">
               {trustBadges.map((b) => (
                 <div key={b.id} className="flex gap-3 items-center w-full sm:w-auto lg:w-full">
                   <Image alt="" src={b.icon} width={22} height={22} className="size-[1.375rem] shrink-0 object-contain" />