diff --git a/module/settings/dialog-encaissement-tables.js b/module/settings/dialog-encaissement-tables.js
index 8556795e..64ea6abc 100644
--- a/module/settings/dialog-encaissement-tables.js
+++ b/module/settings/dialog-encaissement-tables.js
@@ -51,4 +51,16 @@ export class DialogEncaissementTables extends HandlebarsApplicationMixin(Applica
       nonmortel: TABLE_NONMORTEL_DISPLAY,
     }
   }
+
+  async _onRender(context, options) {
+    this.element.style.flex = "1"
+    this.element.style.display = "flex"
+    this.element.style.flexDirection = "column"
+    this.element.style.overflow = "hidden"
+    const content = this.element.firstElementChild
+    if (content) {
+      content.style.overflowY = "auto"
+      content.style.flex = "1"
+    }
+  }
 }
diff --git a/module/settings/regles-optionnelles.js b/module/settings/regles-optionnelles.js
index e243ec08..200836dd 100644
--- a/module/settings/regles-optionnelles.js
+++ b/module/settings/regles-optionnelles.js
@@ -118,6 +118,15 @@ export class ReglesOptionnelles extends HandlebarsApplicationMixin(ApplicationV2
   }
 
   async _onRender(context, options) {
+    this.element.style.flex = "1"
+    this.element.style.display = "flex"
+    this.element.style.flexDirection = "column"
+    this.element.style.overflow = "hidden"
+    const content = this.element.firstElementChild
+    if (content) {
+      content.style.overflowY = "auto"
+      content.style.flex = "1"
+    }
     this.element.querySelectorAll(".select-option").forEach(el => {
       el.addEventListener("click", async event => {
         const id = event.currentTarget.getAttribute("name");
diff --git a/templates/settings/dialog-encaissement-tables.hbs b/templates/settings/dialog-encaissement-tables.hbs
index 186cfaec..d923b3b2 100644
--- a/templates/settings/dialog-encaissement-tables.hbs
+++ b/templates/settings/dialog-encaissement-tables.hbs
@@ -1,7 +1,5 @@
 <div>
 <style>
-#dialog-encaissement-tables .window-content form { height: 100%; display: flex; flex-direction: column; }
-#dialog-encaissement-tables .window-content form > div { overflow-y: auto; flex: 1; }
   .encaissement-tables { display: flex; flex-direction: column; gap: 1.5em; }
   .encaissement-tables table { width: 100%; border-collapse: collapse; }
   .encaissement-tables th, .encaissement-tables td { padding: 4px 8px; border: 1px solid #7a7971; text-align: center; }
diff --git a/templates/settings/regles-optionnelles.hbs b/templates/settings/regles-optionnelles.hbs
index 18062219..77ba1a4b 100644
--- a/templates/settings/regles-optionnelles.hbs
+++ b/templates/settings/regles-optionnelles.hbs
@@ -1,8 +1,4 @@
 <div>
-<style>
-#regles-optionnelles .window-content form { height: 100%; display: flex; flex-direction: column; }
-#regles-optionnelles .window-content form > div { overflow-y: auto; flex: 1; }
-</style>
 {{#each groups as |group key|}}
 <h3>{{key}}</h3>
 <ul>