From 077986affbec260046f35cc289d8756897ef7ce1 Mon Sep 17 00:00:00 2001
From: Marco <marco.kunitz@googlemail.com>
Date: Wed, 29 Jul 2026 12:22:38 +0000
Subject: [PATCH] Revert "Center cart's CartTrustBadges list below 640px"

This reverts commit 5d61dce12b3248be33a2972befd6d400eb35627f.
---
 app/cart/components/CartContent.tsx | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/app/cart/components/CartContent.tsx b/app/cart/components/CartContent.tsx
index c0939ff..a82ea0b 100644
--- a/app/cart/components/CartContent.tsx
+++ b/app/cart/components/CartContent.tsx
@@ -457,20 +457,12 @@ export function CartContent({
             </div>
 
             {/* Title only — /checkout renders the same CartTrustBadges
-                docs with description too, see CheckoutContent.tsx.
-                Centered below sm: (640px), left-aligned from sm: up —
-                each row is w-full sm:+ only, so the icon+title sits as a
-                compact centered unit below sm: (a w-full row would make
-                items-center on the container above a no-op) and expands
-                to a left-aligned full-width row once there's more
-                horizontal room. items-start on the container gives every
-                row the same left edge once left-aligned, so nothing
-                reads staggered/crooked between rows. */}
-            <div className="flex flex-col gap-4 items-center sm:items-start w-full">
+                docs with description too, see CheckoutContent.tsx. */}
+            <div className="flex flex-col gap-4 items-start w-full">
               {trustBadges.map((b) => (
-                <div key={b.id} className="flex gap-3 items-center justify-center sm:justify-start w-auto sm:w-full">
+                <div key={b.id} className="flex gap-3 items-center w-full">
                   <Image alt="" src={b.icon} width={22} height={22} className="size-[1.375rem] shrink-0 object-contain" />
-                  <span className="sm:flex-1 text-body-sm text-text-primary">{b.title}</span>
+                  <span className="flex-1 text-body-sm text-text-primary">{b.title}</span>
                 </div>
               ))}
             </div>