diff --git a/apps/infoalloggi/src/components/banners.tsx b/apps/infoalloggi/src/components/banners.tsx
index 0258e2b..3ed557e 100644
--- a/apps/infoalloggi/src/components/banners.tsx
+++ b/apps/infoalloggi/src/components/banners.tsx
@@ -18,11 +18,11 @@ export const BannerSection = ({
 	const { data: bannerData } = api.banners.getBannerData.useQuery({
 		area_riservata,
 	});
-	if (!bannerData) return null;
+	if (!bannerData || bannerData.length === 0) return null;
 	return (
-		<div className="w-full space-y-1 p-1">
+		<div className="flex w-full flex-col gap-1">
 			{bannerData.map((banner) => (
-				<div key={`banner-elem-${banner.idbanner}`}>
+				<div className="p-1" key={`banner-elem-${banner.idbanner}`}>
 					{BannerFactory(banner)}
 				</div>
 			))}
@@ -123,7 +123,7 @@ const BannerFactory = (bannerData: Banners) => {
 		return (
 			<div
 				className={cn(
-					"mx-auto flex max-w-7xl items-center justify-between rounded-md py-1 text-xs sm:items-center sm:text-sm",
+					"mx-auto flex w-full items-center justify-between rounded-md py-0.5 text-xs sm:items-center sm:text-sm",
 					mainClassName,
 				)}
 			>