diff --git a/frontend/react/src/ui/contextmenus/spawncontextmenu.tsx b/frontend/react/src/ui/contextmenus/spawncontextmenu.tsx
index fe00e69c..83f77daf 100644
--- a/frontend/react/src/ui/contextmenus/spawncontextmenu.tsx
+++ b/frontend/react/src/ui/contextmenus/spawncontextmenu.tsx
@@ -158,7 +158,7 @@ export function SpawnContextMenu(props: {}) {
         setHeight(content.clientHeight);
       });
       resizeObserver.observe(content);
-      return () => resizeObserver.disconnect(); // clean up 
+      return () => resizeObserver.disconnect(); // clean up
     }
   });
 
@@ -169,8 +169,7 @@ export function SpawnContextMenu(props: {}) {
         ref={contentRef}
         data-hidden={appState !== OlympusState.SPAWN_CONTEXT}
         className={`
-          absolute flex w-[395px] data- max-h-[800px] flex-wrap gap-2
-          overflow-auto rounded-md bg-olympus-800
+          absolute flex w-[395px] flex-wrap gap-2 rounded-md bg-olympus-800
           data-[hidden=true]:hidden
         `}
       >
diff --git a/frontend/react/src/ui/panels/unitspawnmenu.tsx b/frontend/react/src/ui/panels/unitspawnmenu.tsx
index 413944a9..617fa7ee 100644
--- a/frontend/react/src/ui/panels/unitspawnmenu.tsx
+++ b/frontend/react/src/ui/panels/unitspawnmenu.tsx
@@ -154,7 +154,7 @@ export function UnitSpawnMenu(props: {
       {props.compact ? (
         <>
           {props.visible && (
-            <div className="flex flex-col">
+            <div className="flex max-h-[800px] flex-col overflow-auto">
               <div className="flex h-fit flex-col gap-3">
                 <div className="flex">
                   <FontAwesomeIcon