diff --git a/components/common/Layout/Layout.tsx b/components/common/Layout/Layout.tsx
index 2e53bed62..dece18b67 100644
--- a/components/common/Layout/Layout.tsx
+++ b/components/common/Layout/Layout.tsx
@@ -10,7 +10,7 @@ import type { Category } from '@commerce/types/site'
 import ShippingView from '@components/checkout/ShippingView'
 import CartSidebarView from '@components/cart/CartSidebarView'
 import { useAcceptCookies } from '@lib/hooks/useAcceptCookies'
-import { Sidebar, Button, Modal, LoadingDots } from '@components/ui'
+import { Sidebar, Button, LoadingDots } from '@components/ui'
 import PaymentMethodView from '@components/checkout/PaymentMethodView'
 import CheckoutSidebarView from '@components/checkout/CheckoutSidebarView'
 
@@ -42,6 +42,11 @@ const FeatureBar = dynamic(
   dynamicProps
 )
 
+const Modal = dynamic(
+  () => import('@components/ui/Modal'), 
+  Object.assign(dynamicProps, {ssr: false})
+)
+
 interface Props {
   pageProps: {
     pages?: Page[]