diff --git a/src/client/Utils.ts b/src/client/Utils.ts
index 9a7454a65..71f1b7152 100644
--- a/src/client/Utils.ts
+++ b/src/client/Utils.ts
@@ -115,6 +115,7 @@ export function createCanvas(): HTMLCanvasElement {
   canvas.style.width = "100%";
   canvas.style.height = "100%";
   canvas.style.touchAction = "none";
+  canvas.style.zIndex = "20";
 
   return canvas;
 }
diff --git a/src/client/components/DesktopNavBar.ts b/src/client/components/DesktopNavBar.ts
index 1e13f87c1..b4d18f5f3 100644
--- a/src/client/components/DesktopNavBar.ts
+++ b/src/client/components/DesktopNavBar.ts
@@ -57,7 +57,7 @@ export class DesktopNavBar extends LitElement {
   render() {
     return html`
       <nav
-        class="hidden lg:flex w-full bg-slate-950/70 backdrop-blur-md border-b border-white/10 items-center justify-center gap-8 py-4 shrink-0 transition-opacity z-50 relative"
+        class="hidden lg:flex w-full bg-slate-950/70 backdrop-blur-md border-b border-white/10 items-center justify-center gap-8 py-4 shrink-0 transition-opacity z-10 relative"
       >
         <div class="flex flex-col items-center justify-center">
           <div class="h-8 text-[#2563eb]">
diff --git a/src/client/graphics/layers/NameLayer.ts b/src/client/graphics/layers/NameLayer.ts
index e23d4d609..cc3aba43d 100644
--- a/src/client/graphics/layers/NameLayer.ts
+++ b/src/client/graphics/layers/NameLayer.ts
@@ -80,7 +80,7 @@ export class NameLayer implements Layer {
     this.container.style.left = "50%";
     this.container.style.top = "50%";
     this.container.style.pointerEvents = "none";
-    this.container.style.zIndex = "2";
+    this.container.style.zIndex = "30";
     document.body.appendChild(this.container);
 
     // Add CSS keyframes for traitor icon flashing animation