diff --git a/.playwright-mcp/dees-input-code-demo.png b/.playwright-mcp/dees-input-code-demo.png
new file mode 100644
index 0000000..e6876eb
Binary files /dev/null and b/.playwright-mcp/dees-input-code-demo.png differ
diff --git a/.playwright-mcp/modal-overlap-issue.png b/.playwright-mcp/modal-overlap-issue.png
new file mode 100644
index 0000000..741f585
Binary files /dev/null and b/.playwright-mcp/modal-overlap-issue.png differ
diff --git a/changelog.md b/changelog.md
index 0c60a4e..38536d3 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 2025-12-30 - 3.12.1 - fix(modal)
+fix modal editor layout to prevent overlap by adding relative positioning and reducing height
+
+- Added Playwright screenshots: .playwright-mcp/dees-input-code-demo.png and .playwright-mcp/modal-overlap-issue.png
+- Updated ts_web/elements/00group-input/dees-input-code/dees-input-code.ts: modal-editor-wrapper set position: relative and changed height from calc(100vh - 160px) to calc(100vh - 175px) to avoid overlap
+
 ## 2025-12-30 - 3.12.0 - feat(editor)
 add code input component and editor-bare, replace dees-editor usage, and add modal contentPadding
 
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index e25bc28..85dfc21 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '3.12.0',
+  version: '3.12.1',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }
diff --git a/ts_web/elements/00group-input/dees-input-code/dees-input-code.ts b/ts_web/elements/00group-input/dees-input-code/dees-input-code.ts
index 8565462..99e2864 100644
--- a/ts_web/elements/00group-input/dees-input-code/dees-input-code.ts
+++ b/ts_web/elements/00group-input/dees-input-code/dees-input-code.ts
@@ -541,7 +541,8 @@ export class DeesInputCode extends DeesInputBase<string> {
             margin: 0 4px;
           }
           .modal-editor-wrapper {
-            height: calc(100vh - 160px);
+            position: relative;
+            height: calc(100vh - 175px);
             width: 100%;
           }
         </style>