diff --git a/apps/infoalloggi/src/components/navbar/site-header.tsx b/apps/infoalloggi/src/components/navbar/site-header.tsx
index aa44057..8442d6a 100644
--- a/apps/infoalloggi/src/components/navbar/site-header.tsx
+++ b/apps/infoalloggi/src/components/navbar/site-header.tsx
@@ -5,7 +5,8 @@ import { UserHeaderSection } from "~/components/navbar/login-button";
 import { MainNav } from "~/components/navbar/main-nav";
 import { MobileNav } from "~/components/navbar/mobile-nav";
 import { RicercaCommand } from "~/components/navbar/ricerca_command";
-import { SettingsPopover } from "~/components/navbar/settings-modal";
+import { LangToggle } from "./lang-toggle";
+import { ThemeSwitch } from "./theme-toggle";
 
 export function SiteHeader() {
 	const pathname = usePathname();
@@ -35,8 +36,9 @@ export function SiteHeader() {
 				<div className="float-end flex flex-1 items-center justify-end gap-0.5">
 					<RicercaCommand />
 
-					<div className="hidden md:block">
-						<SettingsPopover />
+					<div className="hidden w-fit items-center gap-4 md:flex">
+						<LangToggle />
+						<ThemeSwitch />
 					</div>
 					<UserHeaderSection
 						key={pathname}