diff --git a/packages/renderer/src/features/titlebar/components/titlebar.tsx b/packages/renderer/src/features/titlebar/components/titlebar.tsx
index 86e93f6ae..15ffd1022 100644
--- a/packages/renderer/src/features/titlebar/components/titlebar.tsx
+++ b/packages/renderer/src/features/titlebar/components/titlebar.tsx
@@ -14,7 +14,6 @@ const TitlebarContainer = styled.div`
   align-items: center;
   justify-content: space-between;
   color: var(--titlebar-fg);
-  opacity: 0.9;
 
   button {
     -webkit-app-region: no-drag;
diff --git a/packages/renderer/src/router/titlebar-outlet.tsx b/packages/renderer/src/router/titlebar-outlet.tsx
index 947253cb0..78730baa8 100644
--- a/packages/renderer/src/router/titlebar-outlet.tsx
+++ b/packages/renderer/src/router/titlebar-outlet.tsx
@@ -10,6 +10,7 @@ const TitlebarContainer = styled.header`
   height: 2.5rem;
   background: var(--titlebar-bg);
   -webkit-app-region: drag;
+  opacity: 0.85;
 `;
 
 export const TitlebarOutlet = () => {