diff --git a/apps/infoalloggi/src/components/servizio/servizio_actions.tsx b/apps/infoalloggi/src/components/servizio/servizio_actions.tsx
index dde066d..b3fc943 100644
--- a/apps/infoalloggi/src/components/servizio/servizio_actions.tsx
+++ b/apps/infoalloggi/src/components/servizio/servizio_actions.tsx
@@ -47,7 +47,7 @@ import {
 	FormEditServizio,
 } from "~/forms/FormEditServizioAdmin";
 import { FormNewOrder } from "~/forms/FormNewOrdine";
-import { formatCurrency } from "~/lib/utils";
+import { cn, formatCurrency } from "~/lib/utils";
 import { useTranslation } from "~/providers/I18nProvider";
 import { useServizio } from "~/providers/ServizioProvider";
 import type { AnnunciId } from "~/schemas/public/Annunci";
@@ -118,7 +118,16 @@ const ServizioPrezzo = () => {
 	return (
 		<Dialog>
 			<DialogTrigger asChild>
-				<Button className="flex-1" variant="outline">
+				<Button
+					className={cn(
+						"flex-1 text-white hover:text-white dark:text-white dark:hover:text-white",
+						servizio.tipologia === TipologiaPosizioneEnum.Transitorio &&
+							"border-transitorio bg-transitorio hover:border-transitorio/90 hover:bg-transitorio/90 dark:border-transitorio dark:bg-transitorio dark:hover:border-transitorio/90 dark:hover:bg-transitorio/90",
+						servizio.tipologia === TipologiaPosizioneEnum.Stabile &&
+							"border-stabile bg-stabile hover:border-stabile/90 hover:bg-stabile/90 dark:border-stabile dark:bg-stabile dark:hover:border-stabile/90 dark:hover:bg-stabile/90",
+					)}
+					variant="outline"
+				>
 					<Euro />
 					<span>Costo Servizio</span>
 				</Button>