From f97533fab095f75536b86546e2a872c7af4bfea0 Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Fri, 16 Jan 2026 10:30:27 +0100
Subject: [PATCH] chore: update component styles for improved layout and
 consistency

---
 apps/infoalloggi/src/components/blurry_divider.tsx |  2 +-
 apps/infoalloggi/src/components/counter.tsx        |  2 +-
 .../src/components/custom_ui/emoji-picker.tsx      |  2 +-
 .../src/components/custom_ui/textarea.tsx          |  2 +-
 .../src/components/navbar/login-button.tsx         |  2 +-
 .../src/components/navbar/ricerca_command.tsx      |  2 +-
 .../src/components/navbar/site-header.tsx          |  2 +-
 .../src/components/navbar/theme-toggle.tsx         |  4 ++--
 .../infoalloggi/src/components/servizio/shared.tsx |  2 +-
 .../src/components/tables/users-table.tsx          |  2 +-
 .../src/components/timeserieBarChart.tsx           |  4 ++--
 .../src/components/timeserieBarChartStacked.tsx    |  4 ++--
 apps/infoalloggi/src/components/tip-tap/editor.tsx |  2 +-
 apps/infoalloggi/src/components/ui/breadcrumb.tsx  |  2 +-
 apps/infoalloggi/src/components/ui/chart.tsx       |  2 +-
 apps/infoalloggi/src/components/ui/checkbox.tsx    |  2 +-
 .../infoalloggi/src/components/ui/context-menu.tsx | 14 +++++++-------
 .../src/components/ui/dropdown-menu.tsx            | 14 +++++++-------
 apps/infoalloggi/src/components/ui/tooltip.tsx     |  2 +-
 apps/infoalloggi/src/components/videoPlayer.tsx    |  2 +-
 .../infoalloggi/src/forms/FormContattoAnnuncio.tsx |  2 +-
 apps/infoalloggi/src/forms/FormPrezzo.tsx          |  6 +++---
 apps/infoalloggi/src/pages/annuncio/[cod].tsx      |  4 ++--
 .../src/pages/area-riservata/admin/etichette.tsx   |  2 +-
 .../src/pages/area-riservata/admin/utenti.tsx      |  2 +-
 25 files changed, 43 insertions(+), 43 deletions(-)

diff --git a/apps/infoalloggi/src/components/blurry_divider.tsx b/apps/infoalloggi/src/components/blurry_divider.tsx
index 39a5796..c9f42cf 100644
--- a/apps/infoalloggi/src/components/blurry_divider.tsx
+++ b/apps/infoalloggi/src/components/blurry_divider.tsx
@@ -1,5 +1,5 @@
 export default function BlurryDivider() {
 	return (
-		<hr className="h-px border-t-0 bg-gradient-to-r bg-transparent from-transparent via-foreground to-transparent opacity-80" />
+		<hr className="h-px border-t-0 bg-linear-to-r bg-transparent from-transparent via-foreground to-transparent opacity-80" />
 	);
 }
diff --git a/apps/infoalloggi/src/components/counter.tsx b/apps/infoalloggi/src/components/counter.tsx
index 5d5b444..fda903d 100644
--- a/apps/infoalloggi/src/components/counter.tsx
+++ b/apps/infoalloggi/src/components/counter.tsx
@@ -19,7 +19,7 @@ export const Counter = ({
 		setValue(newValue);
 	};
 	return (
-		<div className="w-[9.5rem]">
+		<div className="w-38">
 			<label className="sr-only" htmlFor={name}>
 				{name}
 			</label>
diff --git a/apps/infoalloggi/src/components/custom_ui/emoji-picker.tsx b/apps/infoalloggi/src/components/custom_ui/emoji-picker.tsx
index 24268d9..fcedee0 100644
--- a/apps/infoalloggi/src/components/custom_ui/emoji-picker.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/emoji-picker.tsx
@@ -74,7 +74,7 @@ function EmojiPickerEmoji({
 	return (
 		<button
 			className={cn(
-				"flex size-7 items-center justify-center rounded-xs text-base data-[active]:bg-accent",
+				"flex size-7 items-center justify-center rounded-xs text-base data-active:bg-accent",
 				className,
 			)}
 			data-slot="emoji-picker-emoji"
diff --git a/apps/infoalloggi/src/components/custom_ui/textarea.tsx b/apps/infoalloggi/src/components/custom_ui/textarea.tsx
index 566ccdb..12d9d1d 100644
--- a/apps/infoalloggi/src/components/custom_ui/textarea.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/textarea.tsx
@@ -8,7 +8,7 @@ const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
 		return (
 			<textarea
 				className={cn(
-					`flex min-h-[80px] w-full rounded-lg border border-border bg-background px-3 py-2 shadow-sm outline-hidden transition-all duration-200 hover:border-muted-foreground focus:border-foreground focus:ring-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-500 dark:focus:border-transparent dark:hover:border-neutral-400 dark:placeholder:text-neutral-400`,
+					`flex min-h-20 w-full rounded-lg border border-border bg-background px-3 py-2 shadow-sm outline-hidden transition-all duration-200 hover:border-muted-foreground focus:border-foreground focus:ring-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-500 dark:focus:border-transparent dark:hover:border-neutral-400 dark:placeholder:text-neutral-400`,
 					className,
 				)}
 				ref={ref}
diff --git a/apps/infoalloggi/src/components/navbar/login-button.tsx b/apps/infoalloggi/src/components/navbar/login-button.tsx
index a487daa..bb7ec22 100644
--- a/apps/infoalloggi/src/components/navbar/login-button.tsx
+++ b/apps/infoalloggi/src/components/navbar/login-button.tsx
@@ -64,7 +64,7 @@ export const UserHeaderSection = ({
 			{!session || !session.user ? (
 				<Button
 					aria-label="Login Button"
-					className="flex h-[46px] w-full items-center justify-center gap-x-1 rounded-lg p-2"
+					className="flex h-11.5 w-full items-center justify-center gap-x-1 rounded-lg p-2"
 					onClick={async () => {
 						await router.push({
 							pathname: "/login",
diff --git a/apps/infoalloggi/src/components/navbar/ricerca_command.tsx b/apps/infoalloggi/src/components/navbar/ricerca_command.tsx
index ced587c..fac8654 100644
--- a/apps/infoalloggi/src/components/navbar/ricerca_command.tsx
+++ b/apps/infoalloggi/src/components/navbar/ricerca_command.tsx
@@ -30,7 +30,7 @@ export function RicercaCommand() {
 						<Search className="size-5" />
 					</Button>
 				</DialogTrigger>
-				<DialogContent className="border-none bg-transparent sm:max-w-xl [&_[data-slot=dialog-close]]:hidden">
+				<DialogContent className="border-none bg-transparent **:data-[slot=dialog-close]:hidden sm:max-w-xl">
 					<DialogHeader className="sr-only">
 						<DialogTitle>Ricerca</DialogTitle>
 						<DialogDescription>Effettua una ricerca</DialogDescription>
diff --git a/apps/infoalloggi/src/components/navbar/site-header.tsx b/apps/infoalloggi/src/components/navbar/site-header.tsx
index 99501ff..77daad1 100644
--- a/apps/infoalloggi/src/components/navbar/site-header.tsx
+++ b/apps/infoalloggi/src/components/navbar/site-header.tsx
@@ -21,7 +21,7 @@ export function SiteHeader() {
 		setOpenSidebar(status);
 	};
 	return (
-		<header className="sticky top-0 z-50 w-full border-muted border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+		<header className="sticky top-0 z-50 w-full border-muted border-b bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60">
 			<div className="mx-auto flex h-14 w-full items-center pr-3 pl-4 md:pr-4 md:pl-8">
 				<MainNav />
 				<MobileNav
diff --git a/apps/infoalloggi/src/components/navbar/theme-toggle.tsx b/apps/infoalloggi/src/components/navbar/theme-toggle.tsx
index ebf628b..1cb4f5d 100644
--- a/apps/infoalloggi/src/components/navbar/theme-toggle.tsx
+++ b/apps/infoalloggi/src/components/navbar/theme-toggle.tsx
@@ -20,7 +20,7 @@ export const ThemeSwitch = () => {
 const ThemeSwitchSkeleton = () => (
 	<div
 		aria-hidden="true"
-		className="h-9 w-16 animate-pulse rounded-full bg-muted p-[5px] shadow-inner"
+		className="h-9 w-16 animate-pulse rounded-full bg-muted p-1.25 shadow-inner"
 	/>
 );
 
@@ -37,7 +37,7 @@ const ThemeSwitchContent = () => {
 		<button
 			aria-label="Toggle Theme"
 			className={cn(
-				`flex h-7 w-12 items-center rounded-full bg-muted p-[5px] shadow-inner hover:cursor-pointer`,
+				`flex h-7 w-12 items-center rounded-full bg-muted p-1.25 shadow-inner hover:cursor-pointer`,
 				theme === "light"
 					? "place-content-end bg-sky-400 hover:bg-sky-500"
 					: "bg-sky-900 hover:bg-sky-800",
diff --git a/apps/infoalloggi/src/components/servizio/shared.tsx b/apps/infoalloggi/src/components/servizio/shared.tsx
index 6049943..0dc888a 100644
--- a/apps/infoalloggi/src/components/servizio/shared.tsx
+++ b/apps/infoalloggi/src/components/servizio/shared.tsx
@@ -30,7 +30,7 @@ export const DocInfo = ({
 	return (
 		<div className="flex w-full flex-col gap-2">
 			<Label htmlFor="selected-file">File Selezionato: </Label>
-			<div className="flex w-full items-center gap-2 sm:max-w-[30rem]">
+			<div className="flex w-full items-center gap-2 sm:max-w-120">
 				<div className="flex w-full flex-1">
 					<Link
 						aria-label="Open Selected File"
diff --git a/apps/infoalloggi/src/components/tables/users-table.tsx b/apps/infoalloggi/src/components/tables/users-table.tsx
index 37b2a45..3ae9acf 100644
--- a/apps/infoalloggi/src/components/tables/users-table.tsx
+++ b/apps/infoalloggi/src/components/tables/users-table.tsx
@@ -128,7 +128,7 @@ export const UsersTable = (props: { data: UserWChatInfo[] }) => {
 				return (
 					<div
 						className={cn(
-							"flex w-[100px] items-center",
+							"flex w-25 items-center",
 							isadmin.value === "Admin" && "text-green-500",
 						)}
 					>
diff --git a/apps/infoalloggi/src/components/timeserieBarChart.tsx b/apps/infoalloggi/src/components/timeserieBarChart.tsx
index b310755..e723bb4 100644
--- a/apps/infoalloggi/src/components/timeserieBarChart.tsx
+++ b/apps/infoalloggi/src/components/timeserieBarChart.tsx
@@ -107,7 +107,7 @@ export default function TimeserieBarChart({
 			</CardHeader>
 			<CardContent className="px-4">
 				<ChartContainer
-					className="aspect-auto h-[250px] w-full"
+					className="aspect-auto h-62.5 w-full"
 					config={chartConfig}
 				>
 					{filteredData.length === 0 ? (
@@ -144,7 +144,7 @@ export default function TimeserieBarChart({
 					)}
 				</ChartContainer>
 			</CardContent>
-			<CardFooter className="!pt-4 flex justify-end border-t">
+			<CardFooter className="flex justify-end border-t pt-4!">
 				<span className="text-muted-foreground text-sm">
 					Totale:{" "}
 					<strong>
diff --git a/apps/infoalloggi/src/components/timeserieBarChartStacked.tsx b/apps/infoalloggi/src/components/timeserieBarChartStacked.tsx
index e206551..d7ad628 100644
--- a/apps/infoalloggi/src/components/timeserieBarChartStacked.tsx
+++ b/apps/infoalloggi/src/components/timeserieBarChartStacked.tsx
@@ -121,7 +121,7 @@ export default function TimeserieBarChartStacked({
 			</CardHeader>
 			<CardContent className="px-4">
 				<ChartContainer
-					className="aspect-auto h-[250px] w-full"
+					className="aspect-auto h-62.5 w-full"
 					config={chartConfig}
 				>
 					{filteredData.length === 0 ? (
@@ -169,7 +169,7 @@ export default function TimeserieBarChartStacked({
 					)}
 				</ChartContainer>
 			</CardContent>
-			<CardFooter className="!pt-4 flex justify-end border-t">
+			<CardFooter className="flex justify-end border-t pt-4!">
 				<span className="text-muted-foreground text-sm">
 					Totale: <strong>{filteredData.reduce((acc) => acc + 1, 0)}</strong>
 				</span>
diff --git a/apps/infoalloggi/src/components/tip-tap/editor.tsx b/apps/infoalloggi/src/components/tip-tap/editor.tsx
index fb2738f..37213c9 100644
--- a/apps/infoalloggi/src/components/tip-tap/editor.tsx
+++ b/apps/infoalloggi/src/components/tip-tap/editor.tsx
@@ -41,7 +41,7 @@ function Tiptap({
 
 	return (
 		<div
-			className="flex h-full min-h-[250px] w-full flex-col justify-stretch"
+			className="flex h-full min-h-62.5 w-full flex-col justify-stretch"
 			id={id}
 		>
 			<ToolBar editor={editor} />
diff --git a/apps/infoalloggi/src/components/ui/breadcrumb.tsx b/apps/infoalloggi/src/components/ui/breadcrumb.tsx
index f1e2cc3..61fba81 100644
--- a/apps/infoalloggi/src/components/ui/breadcrumb.tsx
+++ b/apps/infoalloggi/src/components/ui/breadcrumb.tsx
@@ -12,7 +12,7 @@ function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
 	return (
 		<ol
 			className={cn(
-				"flex flex-wrap items-center gap-1.5 break-words text-muted-foreground text-sm sm:gap-2.5",
+				"wrap-break-word flex flex-wrap items-center gap-1.5 text-muted-foreground text-sm sm:gap-2.5",
 				className,
 			)}
 			data-slot="breadcrumb-list"
diff --git a/apps/infoalloggi/src/components/ui/chart.tsx b/apps/infoalloggi/src/components/ui/chart.tsx
index 11c0d15..70d3cfb 100644
--- a/apps/infoalloggi/src/components/ui/chart.tsx
+++ b/apps/infoalloggi/src/components/ui/chart.tsx
@@ -173,7 +173,7 @@ function ChartTooltipContent({
 	return (
 		<div
 			className={cn(
-				"grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+				"grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
 				className,
 			)}
 		>
diff --git a/apps/infoalloggi/src/components/ui/checkbox.tsx b/apps/infoalloggi/src/components/ui/checkbox.tsx
index d2d6ce3..9c36f2d 100644
--- a/apps/infoalloggi/src/components/ui/checkbox.tsx
+++ b/apps/infoalloggi/src/components/ui/checkbox.tsx
@@ -11,7 +11,7 @@ function Checkbox({
 	return (
 		<CheckboxPrimitive.Root
 			className={cn(
-				"peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs outline-hidden transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:aria-invalid:ring-destructive/40",
+				"peer size-4 shrink-0 rounded-lg border border-input shadow-xs outline-hidden transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:aria-invalid:ring-destructive/40",
 				className,
 			)}
 			data-slot="checkbox"
diff --git a/apps/infoalloggi/src/components/ui/context-menu.tsx b/apps/infoalloggi/src/components/ui/context-menu.tsx
index 6e264f0..55fc1b5 100644
--- a/apps/infoalloggi/src/components/ui/context-menu.tsx
+++ b/apps/infoalloggi/src/components/ui/context-menu.tsx
@@ -62,7 +62,7 @@ function ContextMenuSubTrigger({
 	return (
 		<ContextMenuPrimitive.SubTrigger
 			className={cn(
-				"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[inset]:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+				"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-inset:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-inset={inset}
@@ -82,7 +82,7 @@ function ContextMenuSubContent({
 	return (
 		<ContextMenuPrimitive.SubContent
 			className={cn(
-				"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
+				"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
 				className,
 			)}
 			data-slot="context-menu-sub-content"
@@ -99,7 +99,7 @@ function ContextMenuContent({
 		<ContextMenuPrimitive.Portal>
 			<ContextMenuPrimitive.Content
 				className={cn(
-					"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
+					"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
 					className,
 				)}
 				data-slot="context-menu-content"
@@ -121,7 +121,7 @@ function ContextMenuItem({
 	return (
 		<ContextMenuPrimitive.Item
 			className={cn(
-				"data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+				"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!",
 				className,
 			)}
 			data-inset={inset}
@@ -142,7 +142,7 @@ function ContextMenuCheckboxItem({
 		<ContextMenuPrimitive.CheckboxItem
 			checked={checked}
 			className={cn(
-				"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+				"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-slot="context-menu-checkbox-item"
@@ -166,7 +166,7 @@ function ContextMenuRadioItem({
 	return (
 		<ContextMenuPrimitive.RadioItem
 			className={cn(
-				"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+				"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-slot="context-menu-radio-item"
@@ -192,7 +192,7 @@ function ContextMenuLabel({
 	return (
 		<ContextMenuPrimitive.Label
 			className={cn(
-				"px-2 py-1.5 font-medium text-foreground text-sm data-[inset]:pl-8",
+				"px-2 py-1.5 font-medium text-foreground text-sm data-inset:pl-8",
 				className,
 			)}
 			data-inset={inset}
diff --git a/apps/infoalloggi/src/components/ui/dropdown-menu.tsx b/apps/infoalloggi/src/components/ui/dropdown-menu.tsx
index 422cc6f..9e5cf61 100644
--- a/apps/infoalloggi/src/components/ui/dropdown-menu.tsx
+++ b/apps/infoalloggi/src/components/ui/dropdown-menu.tsx
@@ -38,7 +38,7 @@ function DropdownMenuContent({
 		<DropdownMenuPrimitive.Portal>
 			<DropdownMenuPrimitive.Content
 				className={cn(
-					"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
+					"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
 					className,
 				)}
 				data-slot="dropdown-menu-content"
@@ -69,7 +69,7 @@ function DropdownMenuItem({
 	return (
 		<DropdownMenuPrimitive.Item
 			className={cn(
-				"data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+				"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!",
 				className,
 			)}
 			data-inset={inset}
@@ -90,7 +90,7 @@ function DropdownMenuCheckboxItem({
 		<DropdownMenuPrimitive.CheckboxItem
 			checked={checked}
 			className={cn(
-				"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+				"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-slot="dropdown-menu-checkbox-item"
@@ -125,7 +125,7 @@ function DropdownMenuRadioItem({
 	return (
 		<DropdownMenuPrimitive.RadioItem
 			className={cn(
-				"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+				"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-slot="dropdown-menu-radio-item"
@@ -151,7 +151,7 @@ function DropdownMenuLabel({
 	return (
 		<DropdownMenuPrimitive.Label
 			className={cn(
-				"px-2 py-1.5 font-medium text-sm data-[inset]:pl-8",
+				"px-2 py-1.5 font-medium text-sm data-inset:pl-8",
 				className,
 			)}
 			data-inset={inset}
@@ -207,7 +207,7 @@ function DropdownMenuSubTrigger({
 	return (
 		<DropdownMenuPrimitive.SubTrigger
 			className={cn(
-				"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[inset]:pl-8 data-[state=open]:text-accent-foreground",
+				"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-inset:pl-8 data-[state=open]:text-accent-foreground",
 				className,
 			)}
 			data-inset={inset}
@@ -227,7 +227,7 @@ function DropdownMenuSubContent({
 	return (
 		<DropdownMenuPrimitive.SubContent
 			className={cn(
-				"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
+				"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
 				className,
 			)}
 			data-slot="dropdown-menu-sub-content"
diff --git a/apps/infoalloggi/src/components/ui/tooltip.tsx b/apps/infoalloggi/src/components/ui/tooltip.tsx
index 718d5a5..b20003a 100644
--- a/apps/infoalloggi/src/components/ui/tooltip.tsx
+++ b/apps/infoalloggi/src/components/ui/tooltip.tsx
@@ -52,7 +52,7 @@ function TooltipContent({
 				{...props}
 			>
 				{children}
-				<TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" />
+				<TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-primary fill-primary" />
 			</TooltipPrimitive.Content>
 		</TooltipPrimitive.Portal>
 	);
diff --git a/apps/infoalloggi/src/components/videoPlayer.tsx b/apps/infoalloggi/src/components/videoPlayer.tsx
index b4c445a..bce2c3c 100644
--- a/apps/infoalloggi/src/components/videoPlayer.tsx
+++ b/apps/infoalloggi/src/components/videoPlayer.tsx
@@ -74,7 +74,7 @@ export function VideoPlayer({
 							</motion.div>
 						</div>
 						{title && (
-							<div className="absolute right-0 bottom-0 left-0 bg-gradient-to-t from-black/80 to-transparent p-4">
+							<div className="absolute right-0 bottom-0 left-0 bg-linear-to-t from-black/80 to-transparent p-4">
 								<h3 className="font-medium text-lg text-white">{title}</h3>
 							</div>
 						)}
diff --git a/apps/infoalloggi/src/forms/FormContattoAnnuncio.tsx b/apps/infoalloggi/src/forms/FormContattoAnnuncio.tsx
index 72bd73d..8032913 100644
--- a/apps/infoalloggi/src/forms/FormContattoAnnuncio.tsx
+++ b/apps/infoalloggi/src/forms/FormContattoAnnuncio.tsx
@@ -170,7 +170,7 @@ export const FormContattoAnnucio = ({ codice }: { codice: string }) => {
 										<FormMessage />
 									</div>
 									<FormControl>
-										<Textarea className="min-h-[150px]" {...field} />
+										<Textarea className="min-h-37.5" {...field} />
 									</FormControl>
 								</FormItem>
 							)}
diff --git a/apps/infoalloggi/src/forms/FormPrezzo.tsx b/apps/infoalloggi/src/forms/FormPrezzo.tsx
index b00aa7d..5a15331 100644
--- a/apps/infoalloggi/src/forms/FormPrezzo.tsx
+++ b/apps/infoalloggi/src/forms/FormPrezzo.tsx
@@ -188,7 +188,7 @@ export const FormPrezzo = ({
 										</div>
 										<FormControl>
 											<Textarea
-												className="min-h-[150px]"
+												className="min-h-37.5"
 												{...field}
 												id="desc_it"
 											/>
@@ -227,7 +227,7 @@ export const FormPrezzo = ({
 										</div>
 										<FormControl>
 											<Textarea
-												className="min-h-[150px]"
+												className="min-h-37.5"
 												{...field}
 												id="desc_en"
 											/>
@@ -454,7 +454,7 @@ export const FormPrezzo = ({
 														field.onChange(Number.parseInt(value));
 													}}
 												>
-													<SelectTrigger className="w-[180px]">
+													<SelectTrigger className="w-45">
 														<SelectValue placeholder="Sconto" />
 													</SelectTrigger>
 													<SelectContent>
diff --git a/apps/infoalloggi/src/pages/annuncio/[cod].tsx b/apps/infoalloggi/src/pages/annuncio/[cod].tsx
index 3fb1b29..2697310 100644
--- a/apps/infoalloggi/src/pages/annuncio/[cod].tsx
+++ b/apps/infoalloggi/src/pages/annuncio/[cod].tsx
@@ -155,7 +155,7 @@ const AnnuncioView = ({ cod, flag }: Omit<AnnuncioProps, "meta">) => {
 	return (
 		<AnnuncioContext.Provider value={data}>
 			<TouchProvider>
-				<div className="mx-auto w-full max-w-[100rem] px-2 sm:px-8">
+				<div className="mx-auto w-full max-w-400 px-2 sm:px-8">
 					<CarouselAnnuncio
 						immagini={data.images}
 						updated_at={data.media_updated_at}
@@ -318,7 +318,7 @@ const Pricing = ({
 			<PricingComponent
 				className={cn(
 					style,
-					"max-w-2xl sm:[&_#contratto-link]:h-8 xl:[&_#contratto-link]:h-9 [&_[data-role=amount]]:text-2xl xl:[&_[data-role=amount]]:text-3xl [&_[data-role=wrapper]]:flex-wrap lg:[&_[data-role=wrapper]]:flex-nowrap",
+					"max-w-2xl **:data-[role=wrapper]:flex-wrap **:data-[role=amount]:text-2xl lg:**:data-[role=wrapper]:flex-nowrap xl:**:data-[role=amount]:text-3xl sm:[&_#contratto-link]:h-8 xl:[&_#contratto-link]:h-9",
 				)}
 				cta={cta}
 				opzioni={opzioni}
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/etichette.tsx b/apps/infoalloggi/src/pages/area-riservata/admin/etichette.tsx
index 9ae9adb..3acee40 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/etichette.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/etichette.tsx
@@ -157,7 +157,7 @@ const EditModal = ({
 	return (
 		<Dialog onOpenChange={setOpen} open={open}>
 			<DialogTrigger asChild />
-			<DialogContent className="sm:max-w-[425px]">
+			<DialogContent className="sm:max-w-106.25">
 				<DialogHeader>
 					<DialogTitle>
 						{!initial ? "Aggiungi Etichetta" : "Modifica Valori"}
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/utenti.tsx b/apps/infoalloggi/src/pages/area-riservata/admin/utenti.tsx
index d70fba4..18cd71d 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/utenti.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/utenti.tsx
@@ -87,7 +87,7 @@ const NewUserModal = () => {
 			<DialogTrigger asChild>
 				<Button variant="outline">Aggiungi Utente</Button>
 			</DialogTrigger>
-			<DialogContent className="max-h-[80%] overflow-auto sm:max-w-[425px]">
+			<DialogContent className="max-h-[80%] overflow-auto sm:max-w-106.25">
 				<DialogHeader>
 					<DialogTitle>Aggiungi Utente</DialogTitle>
 					<DialogDescription className="sr-only">