diff --git a/apps/scandic-web/components/HotelReservation/ReadMore/index.tsx b/apps/scandic-web/components/HotelReservation/ReadMore/index.tsx
index 7295fbe36..70d1b58a6 100644
--- a/apps/scandic-web/components/HotelReservation/ReadMore/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/ReadMore/index.tsx
@@ -1,4 +1,5 @@
 "use client"
+import { useEffect } from "react"
 
 import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
@@ -13,7 +14,17 @@ export default function ReadMore({
   showCTA,
   sidePeekKey,
 }: ReadMoreProps) {
-  const openSidePeek = useSidePeekStore((state) => state.openSidePeek)
+  const { openSidePeek, closeSidePeek } = useSidePeekStore((state) => ({
+    openSidePeek: state.openSidePeek,
+    closeSidePeek: state.closeSidePeek,
+  }))
+
+  useEffect(() => {
+    return () => {
+      closeSidePeek()
+    }
+  }, [closeSidePeek])
+
   return (
     <Button
       onPress={() => {