From cc0e667e69cfeb4972e628e572fe13a725b9025f Mon Sep 17 00:00:00 2001
From: Ali Amori Kadhim <ali@frameless.io>
Date: Wed, 15 Jan 2025 16:03:02 +0100
Subject: [PATCH] fix: fix table style in open forms embed

---
 .changeset/pretty-plants-retire.md                          | 5 +++++
 apps/pdc-frontend/package.json                              | 1 +
 .../src/components/OpenFormsEmbed/OpenFormsEmbed.scss       | 6 +++++-
 yarn.lock                                                   | 5 +++++
 4 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/pretty-plants-retire.md

diff --git a/.changeset/pretty-plants-retire.md b/.changeset/pretty-plants-retire.md
new file mode 100644
index 00000000..1330e8f7
--- /dev/null
+++ b/.changeset/pretty-plants-retire.md
@@ -0,0 +1,5 @@
+---
+"@frameless/pdc-frontend": patch
+---
+
+Los de tabelstijl op de OpenForms-pagina op.
diff --git a/apps/pdc-frontend/package.json b/apps/pdc-frontend/package.json
index 2f032ea4..e57077a3 100644
--- a/apps/pdc-frontend/package.json
+++ b/apps/pdc-frontend/package.json
@@ -57,6 +57,7 @@
     "@types/lodash.mergewith": "4.6.9",
     "@utrecht/focus-ring-css": "1.1.0",
     "@utrecht/form-label-css": "1.1.0",
+    "@utrecht/table-css": "1.4.0",
     "@utrecht/multiline-data-css": "1.1.0",
     "@utrecht/textbox-css": "1.2.0",
     "eslint-config-next": "13.2.4",
diff --git a/apps/pdc-frontend/src/components/OpenFormsEmbed/OpenFormsEmbed.scss b/apps/pdc-frontend/src/components/OpenFormsEmbed/OpenFormsEmbed.scss
index 12a13d17..e3b49998 100644
--- a/apps/pdc-frontend/src/components/OpenFormsEmbed/OpenFormsEmbed.scss
+++ b/apps/pdc-frontend/src/components/OpenFormsEmbed/OpenFormsEmbed.scss
@@ -1,7 +1,7 @@
 @import "~@utrecht/multiline-data-css/src/mixin";
 @import "~@utrecht/form-label-css/src/mixin";
 @import "~@utrecht/textbox-css/src/mixin";
-
+@import "~@utrecht/table-css/src/html/mixin";
 :root {
   --of-progress-indicator-padding-block-end: 0;
 }
@@ -66,3 +66,7 @@
 .utrecht-form-container--openforms {
   flex: 1 1;
 }
+
+.openforms-body .openforms-body--wysiwyg {
+  @include utrecht-html-table;
+}
diff --git a/yarn.lock b/yarn.lock
index fe48e7df..ccc343e9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8328,6 +8328,11 @@
   dependencies:
     clsx "2.1.1"
 
+"@utrecht/table-css@1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@utrecht/table-css/-/table-css-1.4.0.tgz#fc675468cd887f301af895f72f26cc4d69fd857d"
+  integrity sha512-D2JvmGY9uf2/N/wiq4XbX5/9Gz5iTIsjiJF4huFmP+XRB7zzSwPTWgC/AdQWtIUiYlWQMFvvB6bOMtCIUq9eKA==
+
 "@utrecht/textbox-css@1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@utrecht/textbox-css/-/textbox-css-1.2.0.tgz#41be4783d178ab227b9bd188253407a688e69226"