diff --git a/src/uncloseai-modal-builtin.css b/src/uncloseai-modal-builtin.css
index 7cf109f..8066d58 100644
--- a/src/uncloseai-modal-builtin.css
+++ b/src/uncloseai-modal-builtin.css
@@ -99,17 +99,25 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
 
 /* Settings panel */
 .uncloseai-modal-settings {
-  flex-shrink: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   padding: 16px;
   display: none;
-  max-height: 40vh;
   overflow-y: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--uncloseai-content-background, #f8f9fa);
+  z-index: 10;
 }
 
 .uncloseai-modal-settings.open {
-  display: block;
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 20px;
+  align-content: start;
 }
 
 /* Controls */
@@ -863,17 +871,25 @@ dialog#tts-modal {
 
 /* Settings panel */
 .uncloseai-modal-settings {
-  flex-shrink: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   padding: 16px;
   display: none;
-  max-height: 40vh;
   overflow-y: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--uncloseai-content-background, #f8f9fa);
+  z-index: 10;
 }
 
 .uncloseai-modal-settings.open {
-  display: block;
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 20px;
+  align-content: start;
 }
 
 /* Form inputs in modal */
diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css
index 87e2220..51af0be 100644
--- a/src/uncloseai-modal-pico.css
+++ b/src/uncloseai-modal-pico.css
@@ -114,17 +114,25 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
 
 /* Settings panel */
 .uncloseai-modal-settings {
-  flex-shrink: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   padding: 16px;
   display: none;
-  max-height: 40vh;
   overflow-y: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--uncloseai-content-background, #f8f9fa);
+  z-index: 10;
 }
 
 .uncloseai-modal-settings.open {
-  display: block;
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 20px;
+  align-content: start;
 }
 
 /* Controls */