diff --git a/components/ContentType/HotelPage/Map/DynamicMap/Sidebar/index.tsx b/components/ContentType/HotelPage/Map/DynamicMap/Sidebar/index.tsx
index c76b3f089..256ad149a 100644
--- a/components/ContentType/HotelPage/Map/DynamicMap/Sidebar/index.tsx
+++ b/components/ContentType/HotelPage/Map/DynamicMap/Sidebar/index.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { useState } from "react"
+import { useCallback, useState } from "react"
 import { useIntl } from "react-intl"
 
 import PoiMarker from "@/components/Maps/Markers/Poi"
@@ -30,6 +30,14 @@ export default function Sidebar({
     setIsFullScreenSidebar((prev) => !prev)
   }
 
+  const handlePoiClick = useCallback(
+    (poiName: string) => {
+      onActivePoiChange(activePoi === poiName ? null : poiName)
+      toggleFullScreenSidebar()
+    },
+    [activePoi, onActivePoiChange]
+  )
+
   return (
     <aside
       className={`${styles.sidebar} ${
@@ -79,11 +87,7 @@ export default function Sidebar({
                       className={`${styles.poiButton} ${activePoi === poi.name ? styles.active : ""}`}
                       onMouseEnter={() => onActivePoiChange(poi.name)}
                       onMouseLeave={() => onActivePoiChange(null)}
-                      onClick={() =>
-                        onActivePoiChange(
-                          activePoi === poi.name ? null : poi.name
-                        )
-                      }
+                      onClick={() => handlePoiClick(poi.name)}
                     >
                       <span>{poi.name}</span>
                       <span>{poi.distance} km</span>