From e6d2d906e150261a741ae6818f0111f3fe63b2d5 Mon Sep 17 00:00:00 2001
From: Davide Passoni <d.passed@libero.it>
Date: Wed, 11 Dec 2024 18:20:13 +0100
Subject: [PATCH] fix: flashing spawn context menu

---
 frontend/react/src/ui/contextmenus/spawncontextmenu.tsx | 5 ++---
 frontend/react/src/ui/panels/unitspawnmenu.tsx          | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

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