diff --git a/apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/index.tsx b/apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/index.tsx
index 93b5aaaa9..2136b14b6 100644
--- a/apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/index.tsx
@@ -31,7 +31,12 @@ export default function BookingCodeFilter() {
   const activeCodeFilter = useBookingCodeFilterStore(
     (state) => state.activeCodeFilter
   )
-  const setFilter = useBookingCodeFilterStore((state) => state.setFilter)
+  const [filter, setFilter] = useState<BookingCodeFilterEnum>(
+    BookingCodeFilterEnum.Discounted
+  )
+
+  const setStoreFilter = useBookingCodeFilterStore((state) => state.setFilter)
+
   const displayAsPopover = useMediaQuery("(min-width: 768px)")
 
   const bookingCodeFilterItems = [
@@ -51,6 +56,7 @@ export default function BookingCodeFilter() {
 
   function updateFilter(selectedFilter: string) {
     setFilter(selectedFilter as BookingCodeFilterEnum)
+    setStoreFilter(filter)
   }
 
   // To fix the hyderation error