From fc444e0acbb305a402a010d4ddabc6f4a6c27193 Mon Sep 17 00:00:00 2001
From: MichalC <103170279+wSBMichalee@users.noreply.github.com>
Date: Wed, 2 Sep 2026 22:59:08 +0200
Subject: [PATCH] style: left-align TrustBar content

---
 src/blocks/TrustBar/Component.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/blocks/TrustBar/Component.tsx b/src/blocks/TrustBar/Component.tsx
index 3e6d8ee..cbb51c0 100644
--- a/src/blocks/TrustBar/Component.tsx
+++ b/src/blocks/TrustBar/Component.tsx
@@ -19,7 +19,7 @@ export const TrustBarBlock: React.FC<Props> = ({ items }) => {
   return (
     <section className="bg-background py-8 border-b border-border">
       <div className="container-premium">
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-6 text-center">
+        <div className="flex flex-wrap gap-x-8 gap-y-6 md:gap-x-12 lg:gap-x-16 items-start justify-start">
           {items.map((item: NonNullable<Props['items']>[0], index: number) => {
             const Icon = item.icon ? iconMap[item.icon as keyof typeof iconMap] : CheckCircle
             return (
@@ -29,10 +29,10 @@ export const TrustBarBlock: React.FC<Props> = ({ items }) => {
                 whileInView={{ opacity: 1, y: 0 }}
                 viewport={{ once: true }}
                 transition={{ duration: 0.5, delay: index * 0.1 }}
-                className="flex flex-col items-center justify-center gap-3"
+                className="flex items-center gap-3"
               >
-                <div className="text-accent">
-                  <Icon size={28} />
+                <div className="text-accent flex-shrink-0">
+                  <Icon size={24} />
                 </div>
                 <span className="text-sm font-medium text-foreground">{item.text}</span>
               </motion.div>