From 8dcb579d137c60062b658daadb63cc12d5557943 Mon Sep 17 00:00:00 2001
From: Thomas Camlong <thomas@ajnart.fr>
Date: Thu, 17 Apr 2025 11:38:59 +0200
Subject: [PATCH] rework spacing

---
 web/src/components/recently-added-icons.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/recently-added-icons.tsx b/web/src/components/recently-added-icons.tsx
index 491e7b7a..3baaacab 100644
--- a/web/src/components/recently-added-icons.tsx
+++ b/web/src/components/recently-added-icons.tsx
@@ -44,7 +44,7 @@ export function RecentlyAddedIcons({ icons }: { icons: IconWithName[] }) {
 				</div>
 
 				<div className="relative flex w-full flex-col items-center justify-center overflow-hidden">
-					<Marquee pauseOnHover className="[--duration:30s] [--gap:2rem]">
+					<Marquee pauseOnHover className="[--duration:30s] [--gap:1em]">
 						{firstRow.map(({ name, data }) => (
 							<RecentIconCard key={name} name={name} data={data} />
 						))}
@@ -52,7 +52,7 @@ export function RecentlyAddedIcons({ icons }: { icons: IconWithName[] }) {
 					<Marquee
 						reverse
 						pauseOnHover
-						className="[--duration:30s] [--gap:2rem] mt-6"
+						className="[--duration:30s] [--gap:1rem] mt-6"
 					>
 						{secondRow.map(({ name, data }) => (
 							<RecentIconCard key={name} name={name} data={data} />