diff --git a/src/.uncloseai-modal-pico.css.swp b/src/.uncloseai-modal-pico.css.swp
new file mode 100644
index 0000000..e4574ee
Binary files /dev/null and b/src/.uncloseai-modal-pico.css.swp differ
diff --git a/src/uncloseai-modal-builtin.css b/src/uncloseai-modal-builtin.css
index 5b43540..5e1e75e 100644
--- a/src/uncloseai-modal-builtin.css
+++ b/src/uncloseai-modal-builtin.css
@@ -100,7 +100,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
   display: none;
   overflow-y: auto;
   position: absolute;
-  top: 60px;
+  top: 80px;
   left: 0;
   right: 0;
   bottom: 0;
@@ -131,7 +131,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-modal-settings {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   display: grid;
   grid-auto-flow: column;
-  grid-auto-columns: minmax(120px, 1fr);
+  grid-auto-columns: minmax(0, max-content);
   gap: 8px;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
@@ -693,6 +693,9 @@ dialog#tts-modal {
   color: var(--uncloseai-primary-text, #495057);
   transition: all 0.2s;
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
 }
 
 .uncloseai-btn-primary:hover {
@@ -876,7 +879,7 @@ dialog#tts-modal {
   display: none;
   overflow-y: auto;
   position: absolute;
-  top: 60px;
+  top: 80px;
   left: 0;
   right: 0;
   bottom: 0;
diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css
index 4617b45..29cd392 100644
--- a/src/uncloseai-modal-pico.css
+++ b/src/uncloseai-modal-pico.css
@@ -115,7 +115,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
   display: none;
   overflow-y: auto;
   position: absolute;
-  top: 60px;
+  top: 80px;
   left: 0;
   right: 0;
   bottom: 0;
@@ -146,7 +146,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-modal-settings {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   display: grid;
   grid-auto-flow: column;
-  grid-auto-columns: minmax(120px, 1fr);
+  grid-auto-columns: minmax(0, max-content);
   gap: 8px;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
@@ -268,7 +268,7 @@ dialog#translate-modal {
   border: none;
   border-radius: 8px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-  background: white;
+  /*background: white;*/
   overflow: auto;
   
   /* Override PicoCSS flex layout */
@@ -743,6 +743,9 @@ dialog#tts-modal {
   color: var(--uncloseai-primary-text, #495057);
   transition: all 0.2s;
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
 }
 
 .uncloseai-btn-primary:hover {
@@ -925,7 +928,6 @@ dialog#tts-modal {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
   padding: 16px !important;
   display: none !important;
-  max-height: 40vh !important;
   overflow-y: auto !important;
 }
 
@@ -1262,4 +1264,4 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
 
 .widget-translate-dropdown .option:hover {
   background: #f5f5f5;
-}
\ No newline at end of file
+}