diff --git a/src/containers/map/index.tsx b/src/containers/map/index.tsx
index 1baa425f5..2da2285e0 100644
--- a/src/containers/map/index.tsx
+++ b/src/containers/map/index.tsx
@@ -36,6 +36,7 @@ import Legend from 'containers/map/legend';
 import MobileLegend from 'containers/map/mobile/legend';
 import RestorationPopup from 'containers/map/restoration-popup';
 
+import Icon from 'components/icon';
 import Map from 'components/map';
 import Controls from 'components/map/controls';
 import BasemapSettingsControl from 'components/map/controls/basemap-settings';
@@ -51,6 +52,8 @@ import Popup from 'components/popup';
 import { breakpoints } from 'styles/styles.config';
 import type { RestorationPopUp, PopUpKey, LocationPopUp } from 'types/map';
 
+import CLOSE_SVG from 'svgs/ui/close.svg?sprite';
+
 import LayerManager from './layer-manager';
 import LocationPopup from './location-pop-up';
 
@@ -379,6 +382,12 @@ const MapContainer = ({ mapId }: { mapId: string }) => {
                 latitude={locationPopUp?.popup[0]}
                 onClose={() => removePopup('location')}
               >
+                <button
+                  className="absolute -right-9 top-8 -right-[40px] h-11 w-10 cursor-pointer items-center justify-end rounded-r-[20px] bg-white/70 backdrop-blur-sm focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2"
+                  onClick={() => removePopup('location')}
+                >
+                  <Icon icon={CLOSE_SVG} className="ml-1 h-6 w-6" description="Close" />
+                </button>
                 {!isEmpty(locationPopUp?.info) ? (
                   <LocationPopup
                     locationPopUpInfo={locationPopUp}
diff --git a/src/containers/map/location-pop-up/index.tsx b/src/containers/map/location-pop-up/index.tsx
index 310e89513..e48f38172 100644
--- a/src/containers/map/location-pop-up/index.tsx
+++ b/src/containers/map/location-pop-up/index.tsx
@@ -13,12 +13,16 @@ import { useRecoilState } from 'recoil';
 
 import { useLocations } from 'containers/datasets/locations/hooks';
 
+import Icon from 'components/icon';
 import { WIDGET_SUBTITLE_STYLE } from 'styles/widgets';
 import type { LocationPopUp } from 'types/map';
 
+import CLOSE_SVG from 'svgs/ui/close.svg?sprite';
+
 const LocationPopUP = ({
   locationPopUpInfo,
   nonExpansible,
+
   className,
 }: {
   locationPopUpInfo: {
@@ -26,6 +30,7 @@ const LocationPopUP = ({
     feature: MapboxGeoJSONFeature;
   };
   nonExpansible: boolean;
+
   className?: string;
 }) => {
   const [open, setOpen] = useState(nonExpansible);