diff --git a/css/rt-ai-html.css b/css/rt-ai-html.css
index 03bae42..f532466 100644
--- a/css/rt-ai-html.css
+++ b/css/rt-ai-html.css
@@ -254,8 +254,8 @@ dialog {
     transform: translate(-50%, -50%);
     
     /* Dimensions */
-    min-width: 300px;
-    max-width: min(600px, 90%);
+    min-width: 320px;
+    max-width: min(800px, 84%);
     max-height: 90vh;
     width: fit-content;
     
@@ -269,13 +269,23 @@ dialog {
     overscroll-behavior: contain;
     -webkit-overflow-scrolling: touch;
     
-    /* Animation */
-    transition: transform var(--transition-speed);
-    
     /* Ensure modal stays on top */
     z-index: 1000;
 }
 
+@media screen and (max-width: 672px) {
+    .modal-content {
+        max-width: 96%;
+    }
+}
+
+@media screen and (max-width: 320px) {
+    .modal-content {
+        max-width: 100%;
+        min-width: 100%;
+    }
+}
+
 .modal-header {
     padding: 16px;
     background: #f8f9fa;