diff --git a/app/components/Planner.tsx b/app/components/Planner.tsx
index f6458d042..7c7897015 100644
--- a/app/components/Planner.tsx
+++ b/app/components/Planner.tsx
@@ -1,19 +1,21 @@
 import type { TDImageAsset } from "@tldraw/tldraw";
 import {
-  Tldraw,
   ColorStyle,
-  type TldrawApp,
-  TDShapeType,
   TDAssetType,
+  TDShapeType,
+  Tldraw,
+  type TldrawApp,
 } from "@tldraw/tldraw";
 import clsx from "clsx";
+import randomInt from "just-random-integer";
 import * as React from "react";
 import { useForceRefreshOnMount } from "~/hooks/useForceRefresh";
 import { useTranslation } from "~/hooks/useTranslation";
+import type { LanguageCode } from "~/modules/i18n";
 import type { MainWeaponId, ModeShort, StageId } from "~/modules/in-game-lists";
-import { stageIds } from "~/modules/in-game-lists";
-import { mainWeaponIds } from "~/modules/in-game-lists";
+import { mainWeaponIds, stageIds } from "~/modules/in-game-lists";
 import { modesShort } from "~/modules/in-game-lists/modes";
+import { semiRandomId } from "~/utils/strings";
 import {
   mainWeaponImageUrl,
   modeImageUrl,
@@ -23,9 +25,6 @@ import {
 } from "~/utils/urls";
 import { Button } from "./Button";
 import { Image } from "./Image";
-import randomInt from "just-random-integer";
-import type { LanguageCode } from "~/modules/i18n";
-import { semiRandomId } from "~/utils/strings";
 
 export default function Planner() {
   const { t } = useTranslation(["common", "weapons"]);
diff --git a/app/styles/plans.css b/app/styles/plans.css
index 2ec185e1e..bebcd6c3e 100644
--- a/app/styles/plans.css
+++ b/app/styles/plans.css
@@ -14,6 +14,11 @@ button[data-state="closed"][aria-haspopup="dialog"] {
 /* stylelint-enable selector-id-pattern */
 
 .layout__header {
+  z-index: 2;
+  background-color: transparent;
+}
+
+.layout__header__right-container {
   display: none;
 }