diff --git a/apps/desktop/src-tauri/src/main.rs b/apps/desktop/src-tauri/src/main.rs
index 12c835544..525286411 100644
--- a/apps/desktop/src-tauri/src/main.rs
+++ b/apps/desktop/src-tauri/src/main.rs
@@ -80,7 +80,7 @@ async fn main() -> Result<(), Box<dyn Error>> {
 					use macos::*;
 
 					let window = window.ns_window().unwrap();
-					set_titlebar_style(window, true, true);
+					set_titlebar_style(window, true, false);
 					blur_window_background(window);
 				}
 			});
diff --git a/packages/interface/src/components/os/TrafficLights.tsx b/packages/interface/src/components/os/TrafficLights.tsx
index 2a715b304..17eda944a 100644
--- a/packages/interface/src/components/os/TrafficLights.tsx
+++ b/packages/interface/src/components/os/TrafficLights.tsx
@@ -14,15 +14,17 @@ export interface TrafficLightsProps extends DefaultProps {
 }
 
 export function MacTrafficLights(props: TrafficLightsProps) {
+	const {onClose, onMinimize, onFullscreen, className} = props;
 	const [focused] = useFocusState();
+
 	return (
 		<div
 			data-tauri-drag-region
-			className={clsx('flex flex-row space-x-[7.5px] group', props.className)}
+			className={clsx('flex flex-row space-x-[7.5px] group', className)}
 		>
-			<TrafficLight type="close" onClick={props.onClose} colorful={focused} />
-			<TrafficLight type="minimize" onClick={props.onMinimize} colorful={focused} />
-			<TrafficLight type="fullscreen" onClick={props.onFullscreen} colorful={focused} />
+			<TrafficLight type="close" onClick={onClose} colorful={focused} />
+			<TrafficLight type="minimize" onClick={onMinimize} colorful={focused} />
+			<TrafficLight type="fullscreen" onClick={onFullscreen} colorful={focused} />
 		</div>
 	);
 }