Update app.py

app.py

@@ -161,7 +161,7 @@ body {
 }
 
 /* Form Field Styles */
-input, textarea, select {
+input, select {
     max-width: 700px !important;
     border: 1px solid #7fffd4 !important;
     border-radius: 8px !important;
@@ -174,6 +174,21 @@ input, textarea, select {
     box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15) !important;
 }
 
+/* Text Area Styling */
+textarea {
+    width: 100% !important;
+    height: 50px !important; /* Set initial height */
+    resize: none !important; /* Disable resizing */
+    padding: 10px !important;
+    border-radius: 8px !important;
+    border: 1px solid #7fffd4 !important;
+    background: rgba(245, 245, 245, 0.95) !important;
+    color: #2d2d2d !important;
+    font-size: 15px !important;
+    transition: all 0.3s ease !important;
+    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15) !important;
+}
+
 /* Form Field Hover and Focus */
 input:focus, textarea:focus, select:focus {
     border-color: #00ffcc !important; /* Light Cyan border on focus */
@@ -264,12 +279,6 @@ label {
     margin-bottom: 5px !important;
 }
 
-/* Text Area Styling */
-textarea {
-    resize: vertical !important;
-    height: 80px !important;
-}
-
 /* Responsive Design for Mobile Devices */
 @media (max-width: 768px) {
     .gradio-container {
@@ -286,8 +295,6 @@ textarea {
     }
 }
 
-
 """
 
-
 app.launch()