Working on drawer and header

ui/src/components/AirportMarker.tsx

@@ -28,10 +28,10 @@ export default function AirportMarker({
       eventHandlers={{
         click: () => setAirport(airport),
         mouseover: () => markerRef.current?.openPopup(),
-        mouseout: () => markerRef.current?.closePopup()
+        mouseout: () => markerRef.current?.closePopup(),
       }}
     >
-      <Popup closeButton={false} autoPan={false}>
+      <Popup closeButton={false} autoPan={false} interactive={false}>
         {airport.icao} - {airport.name}
       </Popup>
     </Marker>
@@ -47,7 +47,7 @@ function createCustomIcon(airport: Airport, selectedLayer: LayerInfo): L.DivIcon
           height: 14px;
           border-radius: 50%;
           border: 2px solid black;
-          background-color: ${selectedLayer.markerOutline};
+          background-color: white;
           display: flex;
           align-items: center;
           justify-content: center;