diff --git a/src/plugins/in-app-menu/titlebar.css b/src/plugins/in-app-menu/titlebar.css
index 6cb0591b..6d83a0c3 100644
--- a/src/plugins/in-app-menu/titlebar.css
+++ b/src/plugins/in-app-menu/titlebar.css
@@ -4,12 +4,14 @@
 }
 
 /* youtube-music style */
-
 ytmusic-app-layout {
   overflow: scroll;
   height: calc(100vh - var(--menu-bar-height, 36px));
   margin-top: var(--menu-bar-height, 36px) !important;
 }
+ytmusic-app-layout#layout {
+  --ytmusic-nav-bar-offset: 0px;
+}
 
 ytmusic-app-layout::-webkit-scrollbar{
   width: var(--ytmusic-scrollbar-width);
diff --git a/src/renderer.ts b/src/renderer.ts
index c93dcda8..52abd246 100644
--- a/src/renderer.ts
+++ b/src/renderer.ts
@@ -225,6 +225,7 @@ const preload = async () => {
     t: i18t.bind(i18next),
   };
   defineYTMDTransElements();
+  document.body.dataset.os = navigator.userAgent;
 };
 
 const main = async () => {
diff --git a/src/youtube-music.css b/src/youtube-music.css
index 194bc318..15e67263 100644
--- a/src/youtube-music.css
+++ b/src/youtube-music.css
@@ -80,3 +80,12 @@ tp-yt-paper-item.ytmusic-guide-entry-renderer::before {
 ytmusic-player[player-ui-state=FULLSCREEN] {
   margin-top: calc(var(--menu-bar-height, 32px) * -1) !important;
 }
+
+/* macos traffic lights fix */
+:where([data-os*="Macintosh"]) ytmusic-app-layout#layout ytmusic-nav-bar {
+  padding-top: var(--ytmusic-nav-bar-offset, 0);
+}
+:where([data-os*="Macintosh"]) ytmusic-app-layout#layout {
+  --ytmusic-nav-bar-offset: 24px;
+  --ytmusic-nav-bar-height: calc(90px + var(--ytmusic-nav-bar-offset, 0));
+}