diff --git a/packages/ffe-modals-react/package.json b/packages/ffe-modals-react/package.json
index a8564aefef..3969dde375 100644
--- a/packages/ffe-modals-react/package.json
+++ b/packages/ffe-modals-react/package.json
@@ -26,7 +26,8 @@
     },
     "dependencies": {
         "@sb1/ffe-icons-react": "^11.0.2",
-        "@sb1/ffe-modals": "^0.2.10"
+        "@sb1/ffe-modals": "^0.2.10",
+        "dialog-polyfill": "^0.5.6"
     },
     "devDependencies": {
         "@sb1/ffe-buildtool": "^0.7.1",
diff --git a/packages/ffe-modals-react/src/Modal.tsx b/packages/ffe-modals-react/src/Modal.tsx
index f47907a5f5..75c3cac6e6 100644
--- a/packages/ffe-modals-react/src/Modal.tsx
+++ b/packages/ffe-modals-react/src/Modal.tsx
@@ -62,6 +62,22 @@ export const Modal = React.forwardRef<ModalHandle, ModalProps>(
             }
         }, [isOpen]);
 
+        useEffect(() => {
+            if (
+                typeof window !== 'undefined' && // to support Gatsby build(server side rendering)
+                dialogRef.current &&
+                typeof dialogRef.current.showModal !== 'function'
+            ) {
+                import('dialog-polyfill').then(
+                    ({ default: dialogPolyfill }) => {
+                        if (dialogRef.current) {
+                            dialogPolyfill.registerDialog(dialogRef.current);
+                        }
+                    },
+                );
+            }
+        }, []);
+
         return createPortal(
             // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
             <dialog
diff --git a/packages/ffe-modals-react/src/__mocks__/dialog-polyfill.ts  b/packages/ffe-modals-react/src/__mocks__/dialog-polyfill.ts 
new file mode 100644
index 0000000000..b6f0674500
--- /dev/null
+++ b/packages/ffe-modals-react/src/__mocks__/dialog-polyfill.ts 	
@@ -0,0 +1,3 @@
+export default {
+    registerDialog: () => null,
+};