diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx b/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
index d855f5680..510746d47 100644
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
@@ -2,6 +2,7 @@
 
 import { Fragment } from "react"
 import { useIntl } from "react-intl"
+import { useMediaQuery } from "usehooks-ts"
 
 import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
@@ -46,6 +47,7 @@ export default function SummaryUI({
 }: EnterDetailsSummaryProps) {
   const intl = useIntl()
   const lang = useLang()
+  const isDesktop = useMediaQuery("(min-width: 1367px)")
 
   const nights = dt(booking.toDate).diff(booking.fromDate, "days")
 
@@ -107,7 +109,7 @@ export default function SummaryUI({
       <header
         className={styles.header}
         role="button"
-        onClick={handleToggleSummary}
+        onClick={isDesktop ? undefined : handleToggleSummary}
       >
         <Subtitle className={styles.title} type="two">
           {intl.formatMessage({
diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css b/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css
index ea19ce867..ccf5a7e7d 100644
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css
@@ -94,7 +94,7 @@
     display: block;
   }
 
-  .summary .header .chevronButton {
+  .summary .header .chevronIcon {
     display: none;
   }
 }