diff --git a/frontend/public/index.html b/frontend/public/index.html
index d565766..3cce1ce 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=0.9, maximum-scale=0.9, viewport-fit=cover"
+      content="width=device-width, initial-scale=0.9, maximum-scale=0.9, user-scalable=no, viewport-fit=cover"
     />
     <meta name="theme-color" content="#f8f7ff" />
     <title>Aethera - AI Conversation & Image Generator</title>
diff --git a/frontend/styles.css b/frontend/styles.css
index dad0d5d..96b3847 100644
--- a/frontend/styles.css
+++ b/frontend/styles.css
@@ -12,6 +12,14 @@ body {
   background: var(--color-primary-50);
 }
 
+@media (max-width: 767px) {
+  input,
+  textarea,
+  select {
+    font-size: 16px;
+  }
+}
+
 [x-cloak] {
   display: none !important;
 }